如何在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