使用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 →