【学习笔记】实现鼠标事件位置的4种方式

【学习笔记】实现鼠标事件位置的4种方式

event.clientX、event.clientY

鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏滚动条

event.pageX、event.pageY

类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。包含滚动条滚动的距离。

event.offsetX、event.offsetY

鼠标相对于事件源元素(srcElement)的X,Y坐标

event.screenX、event.screenY

鼠标相对于用户显示器屏幕左上角的X,Y坐标。