onmouseleave 事件
事件對象在以下更多實例中點 "嘗試一下" 查看更多演示。
定義和用法
onmouseleave 事件在鼠標移除元素時觸發。
提示： 該事件通常與onmouseenter 事件一起使用，該事件在鼠標移動到元素上時觸發。
提示: onmouseleave 事件類似于onmouseout 事件。 唯一的區別是 onmouseleave 事件不支持冒泡 。
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
| 事件 | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
語法
HTML 中:
<element onmouseleave="myScript">嘗試一下
JavaScript 中:
object.onmouseleave=function(){myScript};嘗試一下
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("mouseleave", myScript);嘗試一下
注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技術細節
| 是否支持冒泡: | No |
|---|---|
| 是否可以取消: | No |
| 事件類型: | MouseEvent |
| 支持的 HTML 標簽: | 所有 HTML 元素，除了:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |
更多實例
實例
該實例演示了 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>
<p id="demo">我將演示 onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">我將演示 onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">我將演示 onmouseout!</p>
</div>
嘗試一下 ?
