Javascript 需要一些关于悬停图片的指南吗

我将有一张图片和一个数据文件，其中包含有关该图片的信息。图片将是一个图形，数据文件将包含图片上的像素位置以及一些信息

因此，我需要做一个javascript来感知用户在图片上悬停的位置，然后检查数据文件中该位置是否有可用的数据。例如，假设用户已将鼠标悬停在像素（334,55）上，则如果该点包含任何数据，则应在该数据文件中查找

---

那么，有没有人坐在一个关于如何做类似事情的例子上

为什么不使用类似的方法？

基本计划如下：

定义从数据文件派生的点的javascript数组

将mousemove-enent绑定到函数，该函数获取坐标并计算鼠标到该数组中所有元素的距离。选择最近的元素，如果距离小于某个值（例如10px），则显示工具提示

---

因为这些图片将以dotty格式生成。所有的文件都将被生成，所以我必须想出一种方法来创建一个javasript，当鼠标悬停在图片上时，它可以感知鼠标所在的位置，然后查看数据文件中该位置存储了哪些信息。有人知道从哪里开始吗？=）没错，你搞定了。我可能会回来问更多关于如何实现此功能的问题=）