例
移动鼠标指针从图像中时执行一个JavaScript:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
当鼠标指针移出元素的发生OnMouseLeave在事件。
提示:该事件经常与一起使用OnMouseEnter在事件,当鼠标指针移动到一个元件时发生。
提示:OnMouseLeave在事件是类似的onmouseout事件。 唯一的区别是,OnMouseLeave在事件不起泡(does not propagate up the document hierarchy) 。 请参见"More Examples"在这个页面的底部,以便更好地理解这些差异。
浏览器支持
在表中的数字规定,完全支持该事件的第一个浏览器版本。
事件 | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | 是 | 6.1 | 11.5 |
句法
在HTML:
< 试一试»
在JavaScript:
object .onmouseleave=function(){ 试一试»
注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。
技术细节
泡沫: | 没有 |
---|---|
取消: | 没有 |
事件类型: | 的MouseEvent |
支持的HTML标签: | 所有的HTML元素,除了:<基数>,<BDO>,点击<HEAD>,<HTML>,<IFRAME>,<META>,<param>的<SCRIPT>,<STYLE>和<title> |
DOM版本: | 2级事件 |
更多示例
例
这一实例说明的OnMouseMove,OnMouseLeave在之间和onmouseout事件的区别:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
试一试» <事件对象