JavaScript中event.offsetX 和 event.offsetY 获取鼠标点击的位置

JavaScript中event.offsetX 和 event.offsetY

鼠标指针相对于目标节点内边位置的X坐标,Y坐标  [鼠标点击的位置]

<div class="wrapper">
    <div class="content">
        <button class="button" onclick="test()">hello daFei</button>
    </div>
</div>

<script>
    
function test() {
    console.log(event);
    // 鼠标指针相对于目标节点内边位置的X坐标,Y坐标
    console.log(event.offsetX,"____",event.offsetY); 
}
</script>

 

参考地址
MouseEvent