pagex,screenx,clientx的区别

原创 2015年07月09日 11:34:36

screenX:参照物为电脑的屏幕左上角,距离电脑屏幕的水平距离

clientX:参照物是内容区域左上角,距离内容区域左上角的水平距离,会随着滚动条的移动而移动

pageX:参照物也是内容区域的左上角,距离内容区域左上角的水平距离,但是不会随着滚动条的移动而移动

版权声明:本文为博主原创文章,未经博主允许不得转载。

比较offsetX, pageX,clientX,screenX的区别

之前一直没有把offset,page,client和screen这几个属性弄得很清楚,今天花了点时间算是大体上了解了这几个属性的区别,所以把我了解到的写出来,也算是做个总结。 首先我们来看看这几个属...

screenX pageX clientX 的区别

screenX clientX pageX概念 screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。 clientX:...

pageX、clientX、screenX、offsetX、layerX、x 在不同浏览器上的使用及区别

chrome: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 ...
  • MOONCOM
  • MOONCOM
  • 2016年10月31日 16:18
  • 1109

offsetTop clientX pageX screenX scrollTop之间的区别以及代码实现

边界尺寸 var a= e.pageX;//鼠标在页面中的坐标位置,可能大于整个屏幕 var ay= e.pageY;//鼠标在页面中的坐标位置,可能大于整个屏幕 //console.log...
  • theowl
  • theowl
  • 2015年07月21日 14:14
  • 701

clientX,pageX,offsetX,layerX,screenX,offsetLeft区别分析

scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容...

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

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

一图胜千言,秒懂巧记JavaScript中event对象的clientX,offsetX,screenX,pageX区别

区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.p...

screenX clientX pageX的区别

screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上...

js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别

pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个...

clientX,pageX,screenX,offsetLeft,scrollTop

这个东西,以为理解了,今天彻底弄弄。 clientX 观点:鼠标相对于WINDOWS的坐标。 这里这个WINDOWS是指我们能看见的浏览器大小。所以不可能超过显示器的大小,如screen.wid...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:pagex,screenx,clientx的区别
举报原因:
原因补充:

(最多只允许输入30个字)