移入移出事件区别
1.onmouseover和onmouseenter的区别
onmouseover移入到子元素,父元素的移入事件也会被触发
onmouseenter移入到子元素,父元素的移入事件不会被触发
2.onmouseout和onmouseleave的区别
onmouseout移出到子元素,父元素的移入事件也会被触发
onmouseleave移出到子元素,父元素的移入事
位置获取
offsetX/offsetY: 事件触发相对于当前元素自身的位置
clientX/clientY: 事件触发相对于浏览器可视区域的位置
注意点: 可视区域是不包括滚动出去的范围的
pageX/pageY: 事件触发相对于整个网页的位置
主要点: 整个网页包括滚动出去的范围的
screenX/screenY: 事件触发相对于屏幕的位置
image.png
