最新的Web開發教程
 

onmouseout事件

<事件對象

例

移動鼠標指針從圖像中時執行一個JavaScript：

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
試一試»

更多"Try it Yourself"下面的例子。

定義和用法

當鼠標指針移出的元素，或者其子之一發生onmouseout事件。

提示：該事件經常與一起使用的onmouseover情況下，當指針移動到一個元素，或在它的一個子發生。

瀏覽器支持

事件
onmouseout 是 是 是 是 是

句法

在HTML：

< 試一試»

在JavaScript：

object .onmouseout=function(){ 試一試»

在JavaScript中，使用addEventListener()方法：

object .addEventListener("mouseout", 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>
試一試»
<事件對象