我可以获得相对于被点击元素的确切点击位置​​吗？

Question

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

这可以用JavaScript或JQuery吗？

Answer 1

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

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

Example fiddle