事件坐标：screenX,clientX,pageX,offsetX的区别

e.screenX/e.screenY:
事件发生时鼠标相对于电脑屏幕的坐标。e.screenX,e.screenY的最大值不会超过屏幕分辨率。

e.clientX/e.clientY:
事件发生时鼠标在浏览器内容区域的坐标。
浏览器内容区域就是浏览器窗口中用来显示网页的可视区域，不包括滚动条和工具栏，也不随滚动条的移动而移动。
当浏览器窗口缩小时，e.clientX/e.clientY的最大值也会缩小。

e.pageX/e.pageY:
事件发生时鼠标相对于整个页面的坐标。整个页面是说整个网页的区域。

e.offsetX、e.offsetY:
事件发生时鼠标相对于事件源元素的坐标，事件源元素就是绑定事件的那个元素。

事件坐标：screenX,clientX,pageX,offsetX的区别相关推荐

screenX,clientX,pageX,offsetX,的区别
2019独角兽企业重金招聘Python工程师标准>>> event.screenX.event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标.标准事件和IE事件都定义了 ...
offsetLeft理解以及MouseEvent接口中的screenX,clientX,pageX,offsetX区别.
背景最近在做一款基于canvas的画板插件,开发过程中的画笔功能就会使用很多关于鼠标位置的属性:screenX/Y,clientX/Y,pageX/Y,offsetX/Y,以及节点offsetLef ...
clientX,screenX,pageX,offsetX的区别
前言关于clientX,screenX,pageX,offsetX的区别之前也比较迷糊,然后自己写了几个demo算是弄明白了,在这记录一下. 定义一.clientX.clientY 点击位置距离当 ...
screenX clientX pageX的区别
screenX clientX pageX概念 screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角. clientX:跟scree ...
理解screenX clientX pageX概念
先了解screenX,clientX,pageX概念 screenX: 鼠标位置相对于用户屏幕水平偏移量,而screenY就是垂直方向的,此时的参照点也就是原点是屏幕的左上角.clientX: 跟sc ...
【鼠标事件 MouseEvent】clientX clientY offsetX offsetX pageX screenX screenY
鼠标事件 MouseEvent 对象,下clientX clientY offsetX offsetX pageX screenX screenY 定义转自 MDNMouseEvent MouseEv ...
screenX、clientX、pageX, offsetX的区别
一.图解 clientY.screenY.pageY.offsetY这四者是事件对象event上的属性如图所示:假设紫色正方形中心处是点击处,紫色区域是鼠标事件触发对象二.概念 1.screenX ...
图解事件坐标screenX、clientX、pageX, offsetX的区别
一.图解如图所示,假设页面中灰色圆点是鼠标点击处,黄色区域是鼠标触发事件对象二.概念 1.screenX 和screenY 参照点:电脑屏幕左上角 screenX:鼠标点击位置相对于电脑屏幕左上角 ...
事件参数screenX、pageX、clientX 、offsetX的区别
1.screenX 和screenY 参照点:电脑屏幕左上角 screenX:相对于电脑屏幕左上角的水平偏移量 screenY:相对于电脑屏幕左上角的垂直偏移量 2.pageX和pageY 参照点:网 ...

事件坐标：screenX,clientX,pageX,offsetX的区别

事件坐标：screenX,clientX,pageX,offsetX的区别相关推荐

最新文章

热门文章