最新的Web開發教程
 

OnMouseLeave在事件

<事件對象

移動鼠標指針從圖像中時執行一個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(){ 試一試»

在JavaScript中,使用addEventListener()方法:

object .addEventListener("mouseleave", myScript );
試一試»

注意: 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>
試一試»

<事件對象