offset client scroll pageXOffset属性，mouseover与mouseenter事件区别

offset 概述

使用 offset 系列属性可以动态得到该元素的位置（偏移），大小等

元素可视区 client 系列

使用client系列的相关属性来获取元素可视区的相关信息，通过client系列的相关属性可以动态的得到该元素的边框大小，元素大小等；

元素 scroll 系列属性

使用scroll系列的属性可以动态获取该元素的大小，滚动距离等

// onscroll 事件，滚动条滚动触发
div.addEventListener(‘scroll‘, function () {});
div.onscroll = function () {}

mouseover 和 mouseenter 事件的区别

• 当鼠标移动到元素上时都会触发事件
• mouseover 经过自身盒子会触发，经过子盒子也会触发，mouseenter 只会经过自身和子会触发
• mouseenter 不会存在事件冒泡；mouseover 有冒泡的概念；
• 跟mouseenter搭配，鼠标离开时 mouseleave 同样不会冒泡

原文地址：https://www.cnblogs.com/article-record/p/12609754.html