onmouseleave 事件
在以下更多實例中點"嘗試一下" 查看更多演示。
定義和用法
onmouseleave 事件在鼠標移除元素時觸發。
提示：該事件通常與onmouseenter事件一起使用，該事件在鼠標移動到元素上時觸發。
提示: onmouseleave事件類似於onmouseout事件。 唯一的區別是onmouseleave 事件不支持冒泡。
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
| 事件 | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
語法
HTML 中:
<elementonmouseleave="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>
嘗試一下»