clientX，clientY，offsetY，offsetX，screenX，screenY区分

在js中clientX，clientY，offsetX，offsetY，screenX，screenY都是鼠标事件的几个对象：

如下图可知：

clientX：在鼠标事件发生时，鼠标相对于浏览器位置的X轴位置（浏览器有效区域）

clientY：在鼠标事件发生时，鼠标相对于浏览器位置的Y轴位置（浏览器有效区域）

offsetX：在鼠标事件发生时，鼠标相对于事件源X轴位置

offsetY：在鼠标事件发生时，鼠标相对于事件源Y轴位置

screenX：在鼠标事件发生时，鼠标相对于显示器屏幕X轴位置

screenY：在鼠标事件发生时，鼠标相对于显示器屏幕Y轴位置

上面这个图是从以下博主的文章中偷的，感觉清晰明了。vue自定义指令实现任意标签可拖拽、改变标签宽度、动态拖拽交换位置_起风了-CSDN博客_vue 任意拖拽标签拖拽、改变宽度https://blog.csdn.net/weixin_40970987/article/details/111256906

clientX，clientY，offsetY，offsetX，screenX，screenY区分相关推荐

clientX,clientY,screenX,screenY,offsetX,offsetY 区别测试
clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置: clientY:当鼠标事件发生 ...
JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性. 之前也一直对这些属性搞的稀里糊涂,看文档上说的也是不太理解,反 ...
【鼠标事件 MouseEvent】clientX clientY offsetX offsetX pageX screenX screenY
鼠标事件 MouseEvent 对象,下clientX clientY offsetX offsetX pageX screenX screenY 定义转自 MDNMouseEvent MouseEv ...
详细区分offsetX，clientX，pageX，screenX，layerX和X的区别
详细区分DOM事件中鼠标指针的坐标问题前面博客中我们讲解到了DOM事件的event对象,里边包含了鼠标事件的指针坐标属性.比如event.offsetX,event.clientX,event.pa ...
区分event对象中的[clientX,offsetX,screenX,pageX]
前言在平时的开发中,非常讨厌的就是兼容性了,兼容性的问题总会让我们记忆混淆,所以这次来区分一下event对象中的常用获取鼠标位置. clientX clientY event.clientX eve ...
clientX/clientY 与 screenX/screenY 的区别
clientX/clientY 与 screenX/screenY 的区别在JavaScript当中有时候我们需要获取鼠标悬停的位置,以此来做一些特殊处理.这时候就需要用到MouseEvent对象. ...
pageX/pageY、clientX/clientY、screenX/screenY的区别
在触发鼠标事件的时候会传一个event参数,在这个参数中我们可以获得pageX/pageY.clientX/clientY.screenX/screenY,但是这几个属性有啥区别呢?看下图 scree ...
clientX, clientY | offsetX, offsetY | pageX, pageY的区别：
clientX, clientY | offsetX, offsetY | pageX, pageY的区别: ✍ clientX, clientY:指的是鼠标点击位置距离可视窗口的坐标: 图示:在不拉 ...
关于screenX、clientX、pageX, offsetX的相关介绍
概念 1. offsetX 和offsetY offsetX :鼠标点击位置相对于触发事件对象的水平距离 offsetY:鼠标点击位置相对于触发事件对象的垂直距离 2. clientX 和client ...

clientX，clientY，offsetY，offsetX，screenX，screenY区分

clientX，clientY，offsetY，offsetX，screenX，screenY区分相关推荐

最新文章

热门文章