我可以获得相对于被点击元素的确切点击位置吗？ [复制]答案

【问题标题】：Can I get the exact click location relative to the element being clicked? [duplicate]我可以获得相对于被点击元素的确切点击位置吗？ [复制]
【发布时间】：2015-06-16 07:44:30
【问题描述】：

我有一个 100 像素宽和 30 像素高的元素（一个 div）。我想计算用户单击此元素的位置。例如，如果单击它中间的右侧，我想获得 50 的 x 坐标和 15 的 y 坐标。返回的值需要相对于元素本身，而不是页面或父元素。

这对 JavaScript 或 JQuery 是否可行？

【问题讨论】：

HTML
script $("#something") .click(function(e){ var parentOffset = $(this).parent().offset(); //or $(this).offset(); 如果你真的只想要当前元素的偏移量 var relX = e. pageX - parentOffset.left; var relY = e.pageY - parentOffset.top; alert('relX: '+ relX + ' ,relY: '+ relY); }); >**demo**

标签： javascript jquery html

【解决方案1】：

传递给 jQuery 处理程序的事件包含与 offsetX 和 offsetY 属性中的父 DOMElement 相关的单击事件的坐标。试试这个：

$('#foo').click(function (e){
    console.log(e.offsetX, e.offsetY);
});

Example fiddle

【讨论】：