javascript - 在图像的特定部分触发事件

Question

当用户将鼠标悬停在图像的特定部分(例如图像的中心或图像的右侧(区域将包括大约 100 个像素)时)，我想触发事件处理程序。我没有使用任何框架，所以这是我正在使用的普通 JavaScript。我不确定使用图像映射是否有效。有人可以帮忙吗？

Answer 1

Quirksmode about mouse position

考虑到这里涉及的疯狂，我会:

1. 使用框架(我刚刚使用 Mootools 做了类似的事情)
2. 将绝对定位的 div 放在图像上，并监听其上的事件，而不是图像(最近也这样做过，左侧 50%，右侧 50%，比跟踪鼠标位置要简单得多)。

或者去吧，quirksmode提供了一个不错的函数来获取鼠标位置，然后你需要计算图像的位置，然后进行数学运算以获得鼠标在图像上的位置，进行数学运算在图像的鼠标悬停事件中，然后不断检查该位置是否满足您的标准，然后在满足时执行一些操作:)