offset系列知识和事件对象

offsetParent 
找带有定位的父元素,如果父级们,都没有定位,找body
offsetLeft 和offsetTop  
到带有定位的父元素的距离,如果父级们, 都没有定位,到body的距离
offsetWidth和offsetHeight 
得到自身的大小  padding+border+自身的宽高=自身大小

事件对象

console.log(e.pageY) 
鼠标点击的点,到页面不可见区域的高度
console.log(e.clientY)
 鼠标点击的点,到可视区域的距离
console.log(e.offsetX) 
鼠标点击的点,鼠标点击的元素位置距离元素边界的距离
console.log(e.screenX) 
鼠标点击的点,到屏幕的距离(浏览器变化,值就在变化)

猜你喜欢

转载自blog.csdn.net/qq_45785424/article/details/106651179
今日推荐