例
移動鼠標指針從圖像中時執行一個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>
試一試» <事件對象