onmouseOver、onmouseOut 和 onmouseEnter、onmouseLeave的区别

50 阅读 0 评论 33 点赞

我是靠谱客的博主陶醉书本，最近开发中收集的这篇文章主要介绍onmouseOver、onmouseOut 和 onmouseEnter、onmouseLeave的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

比如：在一个<ul>标签中有一个<li>标签

　　　　<body>

　　　　　　<ul>

　　　　　　</ul>

　　　　</body>

那由于li是ul的子标签，根据事件冒泡原理，对于onmouseOver和onmouseOut，浏览器会把<ul>和<li>当做两个不同的object，因此当鼠标在两者之间移动时，会触发这两个事件。e而对于onmouseEnter和onmouseLeave，浏览器会把<ul>和<li>都看做是在对象<li>上。

而且在浏览器中有一个很有意思的特性，带有连接的文字是空心的。就是说当鼠标点没有定位在文字曲线上时，浏览器认为它是定位在该文字下面的object上的。（比如说你的鼠标是定位在123的1和2之间，而不定位在1上或2上时，相当于定位在<li>上。）

转载于:https://www.cnblogs.com/xianren/p/5972993.html