【发布时间】：2012-08-30 14:18:42
【问题描述】：
我正在制作 CSS iPod（第一代）。我设法让布局正确，包括点击轮和 4 个按钮（菜单、播放/暂停、上一个、下一个）。 但这些按钮不是矩形的。然而 HTML 元素是矩形的。因此，如果用户单击“菜单”按钮，则单击轮将成为接收单击的轮。 如何准确获取用户的预期点击？
还有如何检测点击轮的滚动？
这是我的 iPod。 http://inventikasolutions.com/demo/iPod
【问题讨论】：
【发布时间】：2012-08-30 14:18:42
【问题描述】：
您可以使用标签（请参阅http://www.w3schools.com/tags/tag_area.asp）创建多边形热点，以了解何时单击特定区域。其他解决方案包括在画布中使用颜色映射并在同一位置对颜色进行采样以确定要采取的操作。
对于滚动，您需要计算第一次触发 mousedown 时指针相对于滚轮中心的角度，并继续计算角度的变化，因为 mousemove 作为指针重复触发被拖动。然后，您可以评估角度差异，以了解滚动发生的速度和速度。
【讨论】：
-
谢谢，我找到了这个用于 Click Wheel 滚动的漂亮 jQuery 插件。 tutorialzine.com/2011/11/pretty-switches-css3-jquery 对于点击问题，我不希望使用 SVG 或 Canvas。我正在为轮子使用渐变，因此尝试查找颜色值将没有用。
-
你不会使用滚轮的颜色值——你会有一个隐藏的图像，上面只有简单的纯色，不会向用户显示每个功能的不同颜色。当用户点击滚轮的一部分时，您会发现隐藏图像中相同位置的颜色，并根据选择的颜色执行不同的功能。