clientX&&screenX&&offsetX&&pageX

1. MouseEvent.clientX,MouseEvent.clientY

说明

MouseEvent.clientX属性返回鼠标位置相对于浏览器窗口左上角的水平坐标(单位px),MouseEvent.clientY返回**垂直坐标。**这两个属性都是只读属性。

2. MouseEvent.screenX,MouseEvent.screenY

说明

MouseEvent.screenX属性返回鼠标位置相对于屏幕左上角的水平坐标(单位像素),MouseEvent.screenY属性返回垂直坐标。这两个属性都是只读属性。

3. MouseEvent.offsetX,MouseEvent.offsetY

说明

MouseEvent.offsetX属性返回鼠标位置与目标节点左侧的padding边缘的水平距离(单位像素),MouseEvent.offsetY属性返回与目标节点上方的padding边缘的垂直距离。这两个属性都是只读属性。

4. MouseEvent.pageX,MouseEvent.pageY

说明

MouseEvent.pageX属性返回鼠标位置与文档左侧边缘的距离(单位像素),MouseEvent.pageY属性返回与文档上侧边缘的距离(单位像素)。它们的返回值都包括文档不可见的部分。这两个属性都是只读。

5. MouseEvent.movementX,MouseEvent.movementY

说明

MouseEvent.movementX属性返回当前位置与上一个mousemove事件之间的水平距离(单位像素)。数值上,它等于下面的计算公式。

currentEvent.movementX = currentEvent.screenX - previousEvent.screenX

MouseEvent.movementY同上。

参考链接

  1. 鼠标事件

猜你喜欢

转载自blog.csdn.net/qq_45465526/article/details/121903538
今日推荐