onmouseleave 事件
事件對(duì)象實(shí)例
在鼠標(biāo)指針移出指針時(shí)執(zhí)行 JavaScript:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
嘗試一下 ?
在以下更多實(shí)例中點(diǎn) "嘗試一下" 查看更多演示。
定義和用法
onmouseleave 事件在鼠標(biāo)移除元素時(shí)觸發(fā)。
提示： 該事件通常與onmouseenter 事件一起使用，該事件在鼠標(biāo)移動(dòng)到元素上時(shí)觸發(fā)。
提示: onmouseleave 事件類似于onmouseout 事件。 唯一的區(qū)別是 onmouseleave 事件不支持冒泡 。
瀏覽器支持
表格中的數(shù)字表示支持該事件的第一個(gè)瀏覽器的版本號(hào)。
| 事件 | |||||
|---|---|---|---|---|---|
| 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() 方法。
技術(shù)細(xì)節(jié)
| 是否支持冒泡: | No |
|---|---|
| 是否可以取消: | No |
| 事件類型: | MouseEvent |
| 支持的 HTML 標(biāo)簽: | 所有 HTML 元素，除了:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |
更多實(shí)例
實(shí)例
該實(shí)例演示了 onmousemove, onmouseleave 和 onmouseout 事件的區(qū)別:
<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>
嘗試一下 ?
