最新的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>
试一试»

<事件对象