鼠标事件 onmouseenter 和 onmouseover 的区别

鼠标事件以一下代码为例

<div onmouseenter="add()" id="add" style="border:1px solid red">123

    <div onmouseenter="delect()" id="delect" style="border:1px solid red">456</div>
</div>
<script>
function add(){
console.log('father');
}
function delect(){
console.log('son');
}

</script>

当为onmouseenter时不会冒泡，及不会重复触发父级事件，在进入父级时也不会触发子级事件。

当为onmouseover时会冒泡，只要进入到标签内就会触发标签内所有子集标签的事件，且在移动过程中父级标签会重复触发，出现连续触发的问题，可以用原生js方法阻止事件冒泡，具体方法就不总结了。