使用javascript/jQuery在父div中获取鼠标位置

Question

可能重复:
jQuery在元素中获取鼠标位置

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

例如,如果我点击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;
});?

演示:http://jsfiddle.net/WhrFt/

关于jquery.com的官方教程:http://docs.jquery.com/Tutorials: Mouse_Position