美文网首页
offsetX各种值总结

offsetX各种值总结

作者: 那麽快樂 | 来源:发表于2019-06-12 20:57 被阅读0次

pageX: 页面X坐标位置
pageY: 页面Y坐标位置

screenX: 屏幕X坐标位置
screenY: 屏幕Y坐标位置

clientX: 鼠标的坐标到页面左侧的距离
clientY: 鼠标的坐标到页面顶部的距离

clientWidth:可视区域的宽度
clientHeight:可视区域的高度

offsetX:鼠标坐标到元素的左侧的距离
offsetY:鼠标坐标到元素的顶部的距离

offsetLeft: 该元素外边框距离包含元素内边框左侧的距离
offsetTop:该元素外边框距离包含元素内边框顶部的距离

offsetWidth: width + padding-left + padding-right + border-left + border-right
offsetHeight: height + padding-top + padding-bottom + border-top + border-bottom

offsetParent: 包含元素
可以通过定位改变包含元素

相关文章

网友评论

      本文标题:offsetX各种值总结

      本文链接:https://www.haomeiwen.com/subject/zwbrfctx.html