onmouseout 事件
描述
onmouseout 事件发生在鼠标指针移出一个元素时。
onmouseout 事件通常与 onmouseover 事件一起使用，后者发生在指针移到元素上方时。
onmouseout 事件类似于 onmouseleave 事件。不同之处在于 onmouseleave 事件不会冒泡（不会沿着文档层次结构向上传播）。请参阅本页底部的“更多示例”以更好地理解这些差异。
鼠标事件
| 事件 | 发生时间 |
|---|---|
| onclick | 用户点击元素 |
| oncontextmenu | 用户右键点击元素 |
| ondblclick | 用户双击元素 |
| onmousedown | 鼠标按钮在元素上被按下 |
| onmouseenter | 指针移入元素 |
| onmouseleave | 指针移出元素 |
| onmousemove | 指针在元素上移动 |
| onmouseout | 鼠标指针移出元素 |
| onmouseover | 鼠标指针移到元素上 |
| onmouseup | 鼠标按钮在元素上被释放 |
另请参阅
教程
语法
技术详情
| 冒泡 | 是 |
|---|---|
| 可取消 | 是 |
| 事件类型 | MouseEvent |
| HTML 标签 | 所有 HTML 元素，除了：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |
| DOM 版本 | 二级事件 |
更多示例
示例
此示例演示了 onmousemove、onmouseleave 和 onmouseout 事件之间的区别
<div onmousemove="myMoveFunction()">
<p id="demo">我将演示 onmousemove！</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">我将演示 onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">我将演示 onmouseout!</p>
</div>
自己动手试一试 »
浏览器支持
onmouseout 是 DOM Level 2 (2001) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
