javascript - 使用 JS 单击 HTML 获取坐标/位置

Question

有没有办法在鼠标点击时获得位置/坐标？例如，如果我在容器中有一个图像并单击它，我想在该图像中获取坐标（x，y）？我看到只有一种解决方案可以在图像顶部制作大量容器（就像网格一样），以至于当我单击它时会在 js 中给出容器位置，但我认为页面会因此而变得非常慢。有没有其他解决方案？

Answer 1

获取图像的坐标（css：上、左）和鼠标点击的坐标，然后做一些数学运算。:-)

使用jQuery或原型之类的 JS 库，这非常容易。

Answer 2

伪代码（更改为您的框架）：

cX=event.clientX; cY=event.clientY;