如何在HTML5画布上单击坐标?

时间:2013-01-19 17:33:19

标签: javascript jquery html html5 canvas

我需要获取单击HTML5画布元素的x和y坐标。我为y坐标执行了以下操作:

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

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

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

1 个答案:

答案 0 :(得分:1)

使用pageY代替clientY,以便您比较的坐标都与文档相关:

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