脚本宝典收集整理的这篇文章主要介绍了关于元素大小位置、鼠标位置相关属性的总结,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
元素大小位置相关属性的总结
clientXXX
- clientLeft
- clientTop
- clientWidth 表示内容区域的宽度,包括padding大小,但是不包括边框和滚动条
- clientHeight 表示内容区域的高度,包括padding大小,但是不包括边框和滚动条
一图胜千言:
再线测试:https://codepen.io/zhaojianxi...
offsetXXX
- offsetLeft
- offsetTop
- offsetWidth
- offsetHeight
- offsetParent 往上找非static的第一个定位元素
一图胜千言:
在线测试地址:https://codepen.io/zhaojianxi...
scrollXXX
- scrollLeft
- scrollTop
- scrollWidth
- scrollHeight
一图胜千言:
在线测试地址:https://codepen.io/zhaojianxi...
鼠标位置
clientX,clientY 相对于window的偏移量
offsetX, offsetY 相对于被点击元素的偏移量
pageX, pageY 相对于document的偏移量
screenX, screenY 鼠标相对于显示器屏幕的偏移坐标(由于是相对于屏幕的。所以在Pc端没太多使用场景)
x, y 相当于clientX,clientY
我的GITHub地址:https://github.com/JesseZhao1... 欢迎关注
以上是脚本宝典为你收集整理的关于元素大小位置、鼠标位置相关属性的总结全部内容,希望文章能够帮你解决关于元素大小位置、鼠标位置相关属性的总结所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。