pageX,clientX区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pageX,clientX区别相关的知识,希望对你有一定的参考价值。

pageX/pageY:
鼠标相对于整个页面的X/Y坐标。
注意,整个页面的意思就是你整个网页的全部,比如说网页很宽很长,宽2000px,高3000px,那pageX,pageY的最大值就是它们了。
特别说明:IE不支持!

 

//-----------------------------------------------------------


clientX/clientY:
事件发生时鼠标在浏览器内容区域的X/Y坐标(不包含滚动条)。
浏览器内容区域即浏览器窗口中用来显示网页的可视区域,注意这个可视,也就是说需要拖动滚动条才能看到的区域不算。
当你将浏览器窗口缩小时,clientX/clientY的最大值也会缩小,但始终,它们的最大值不会超过你浏览器可视区域。
特别说明:IE下此属性不规范,它们的最小值不是0而是2,也就是说IE下的clientX/clientY比火狐下始终大2px。

以上是关于pageX,clientX区别的主要内容,如果未能解决你的问题,请参考以下文章

screenX/Y、clientX/Y和pageX/Y有啥区别?

pageX,clientX,offsetX,layerX的区别

clientX,offsetX,screenX,pageX 区别!

关于offsetX,clientX,pageX,offsetHeight,clientHeight ,scrollHeightX的区别

轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

screenX clientX pageX的区别