javascript - 如何在 HTML5 画布上点击坐标？

Question

我需要获取单击 HTML5 画布元素的位置的 x 和 y 坐标。我对 y 坐标做了以下操作：

 $("#my_canvas").click(function(event) {
        alert(Math.floor(event.clientY-$(this).offset().top));
 });

这给了我看起来正确的 y 坐标。问题是如果你向下滚动，clientY它会变小，因为它似乎在测量屏幕上的 y 坐标，而忽略了滚动。所以上面给出了一个负数。

获取 x 和 y 坐标的正确方法是什么？

Answer 1

使用pageY而不是clientY，以便您比较的两个坐标都相对于文档：

event.pageY-$(this).offset().top