client / page / offset / screen X / Y

Posted on 2018-02-16 23:43 ITBoy-Men 阅读() 评论() 编辑 收藏

1.clientX / clientY

  相对于可视窗口左上角,不包括菜单栏与滚动条

2.pageX / pageY

  相对于网页左上角,不包括菜单栏,包括滚动条

3.offsetX / offsetY

  IE特有!

  以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值。

4.screenX / screenY

  相对于屏幕左上角

 

pageX和clientX ,这个两个比较容易搞混,

pageX:与滚动条移动有关

clientX:与滚动条移动无关

版权声明:本文为DB-IT原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/DB-IT/p/8451301.html