Question

可能重复：
jQuery get mouse position within an element

我有一个页面，在该页面内我有一个div。如果用户在该div内部单击，它将存储他们在该div中单击的位置的X / Y坐标。

E.g。如果我点击div的左上角（无论div放在页面的哪个位置），它都会返回大约0,0。

这甚至可能吗？如果是的话，你能告诉我 - 或者甚至指出我正确的方向吗？

Answer 1

使用事件的pageX属性获取相对于页面的x坐标，使用pageY获取y坐标，然后减去元素的坐标以获得相对于元素的位置。

$( '#target' ).on( 'click', function( e ) {
    var x = e.pageX - this.offsetLeft;
    var y = e.pageY - this.offsetTop;
});