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 |
