在父div javascript中获取鼠标单击的位置

Question

我有一个长矩形div(父),里面有几个较小的div(child).我想单击长矩形div(包括子div)上的任意位置以显示父div左侧的偏移量.

目前这个javascript代码仅在我点击小div之外时才有效,只要我在子div中单击,它就会显示子div的偏移量.我是javascript的新手,似乎无法找到相关的答案.

我希望有人可以提前帮助,谢谢.

window.onload = function(){
    parentDiv.addEventListener('click',function(e){
        alert(e.offsetX);
}, false);

Answer 1

您可以将该getClientRects方法与clientX事件值一起使用以获取净偏移坐标:

var offset = this.getClientRects()[0];
alert(e.clientX - offset.left);

DEMO