如何在HTML5画布上点击坐标

How to get the coordinates clicked on an HTML5 canvas?

本文关键字：坐标 HTML5      更新时间：2023-09-26

我需要获得我点击HTML5画布元素的x和y坐标。我对y坐标做了以下操作:

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

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

得到x和y坐标的正确方法是什么?

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

event.pageY-$(this).offset().top
相关文章：