js获取鼠标点击事件的相对位置

2025-03-06 08:40:31

推荐回答（2个）

回答（1）：

位置

这里是图片，因为我用div边框1px，所以两个div会有2px的位置偏移，你可以自己调整

现写的，你可以copy下来创建个html自己研究下，不难

回答（2）：

常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置，但仅使用这个方法是不够的，因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的，而不考虑页面的滚动条所滚动的距离。

function pointerX(event) 
{ 
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); 
} 

function pointerY(event) 
{ 
return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)); 
}