onmouseover 事件
示例
當滑鼠指標移動到圖片上時呼叫函式
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
自己動手試一試 »
更多示例見下文。
描述
onmouseover
事件在滑鼠指標進入元素時發生。
onmouseover
事件常與 onmouseout
事件一起使用,後者在滑鼠指標離開元素時發生。
onmouseover
事件類似於 onmouseenter
事件。不同之處在於 onmouseenter
事件不會冒泡(不會沿文件層次結構向上傳播)。請參閱本頁底部的“更多示例”以更好地理解這些差異。
滑鼠事件
事件 | 發生時間 |
---|---|
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、onmouseenter 和 mouseover 事件之間的區別
<div onmousemove="myMoveFunction()">
<p id="demo1">我將演示 onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">我將演示 onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">我將演示 onmouseover!</p>
</div>
自己動手試一試 »
瀏覽器支援
onmouseover
是 DOM Level 2 (2001) 特性。
所有瀏覽器都完全支援。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |