javascript - 使用 JQuery 单击图像中的位置

Question

有没有一种简单的方法可以找到用户在图像(div，...)内相对于元素左上角的位置？ (使用 js/jquery)

基本的 event.pageX/event.pageY 不考虑滚动和元素位置。结合使用 Document.getScrollTop() 和 element.getAbsoluteTop ( Mouse click location on an image ) 看起来一点都不好(据我所知，甚至可能无法在所有浏览器上工作)。

有更简单的方法吗？

Answer 1

这看起来很简单:

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

See demo →