使用JQuery单击图像中的位置

Question

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

基本event.pageX/event.pageY不考虑滚动和元素位置.组合Document.getScrollTop()和element.getAbsoluteTop(鼠标单击图像上的位置)看起来并不好看(据我所知,甚至可能不适用于所有浏览器).

有更简单的方法吗？

Answer 1

这看起来很简单:

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

见演示→