pagex,screenx,clientx的区别

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

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

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

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

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

相关文章推荐

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

边界尺寸 var a= e.pageX;//鼠标在页面中的坐标位置,可能大于整个屏幕 var ay= e.pageY;//鼠标在页面中的坐标位置,可能大于整个屏幕 //console.log...

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

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

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

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

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

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

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

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

screenX pageX clientX 的区别

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

screenX clientX pageX的区别

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

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

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

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

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

pageX, clientX, offsetX/layerX, screenX, scrollLeft()属性

e.pageX——是鼠标指针的位置,相对于文档的左边缘,即相对整个页面的坐标(IE8及其以下的版本不支持该属性) $(selector).scrollLeft(position)——返回(无posi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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