阅读 21

pagex和clientx,boox note2

另一方面,概念总结1、event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的x、y坐标(窗口坐标),可视区域不包含工具栏和滚动条。 IE和标准事件定义了这两个属性。 clientX是指距离显示区域左侧的距离,以滚动条滚动的位置为基准点。 每个浏览器都是相同的。 也就是说,如果存在滚动条,则clientX小于pageX。

2、event.pageX、event.pageY类似于event.clientX、event.clientY,但不是窗口坐标,而是使用的是文档坐标。 这两个属性虽然不是标准属性,但得到了广泛的支持。 IE事件没有这两个属性。 pageX是指鼠标在页面上的位置,如果以页面左侧为参考点页不滚动,则pageX和pageY的值与clientX和clientY的值相同。

3、event.offsetX、event.offsetY鼠标http://www.Sina.com/(srcelement )的x、y坐标,只有IE事件具有这两个属性,而标准事件具有对应的属性

4、event.screenX、event.screenY鼠标相对于事件源元素的x、y坐标。 标准事件和IE事件定义了这两个属性。 screenX :鼠标在屏幕上的位置是指鼠标与计算机屏幕左侧的距离。 例如,如果缩小网页并将其拖动到屏幕中央,则screnX会大于clientX。

5、event.layerX、event.layerY 相对于用户显示器屏幕左上角是相对于父要素的位置,是鼠标的"在相对于触发事件的要素的层次关系中最接近该要素的FireFox特有

6、从event.x、event.y到可视领域的距离,FireFox无法识别。 与有无滚动条相同,与clientX相同。

二、图标分析1、clientX、offsetX、screenX、pageX差异:

2、clientX、offsetX、screenX的区别:

1、clientX、offsetTop、offsetLeft、offsetWidth、offsetHeight的区别:


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐