如何获得在HTML5画布上单击的坐标？

Question

我需要获取单击HTML5 canvas元素的位置的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