onmouseleave

编辑

onmouseleave 事件在鼠标移除元素时触发。

PHP中文网词条详解语法

HTML 中:

<element onmouseleave="myScript">

JavaScript 中:

object.onmouseleave=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("mouseleave", myScript);


PHP中文网词条详解示例

在鼠标指针移出指针时执行 JavaScript:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网(www.php.cn)</title>
</head>
<body>
<img onmouseenter="bigImg(this)" onmouseleave="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<p>
bigImg() 函数在用户将鼠标指针移动到该图像时触发。</p>
<p>
normalImg() 函数在用户将鼠标指针移出图像时触发。</p>
<script>
function bigImg(x) {
    x.style.height = "64px";
    x.style.width = "64px";
}
function normalImg(x) {
    x.style.height = "32px";
    x.style.width = "32px";
}
</script>
</body>
</html>


PHP中文网词条详解简介

onmouseleave 事件在鼠标移除元素时触发。

提示: 该事件通常与 onmouseenter 事件一起使用, 该事件在鼠标移动到元素上时触发。

提示: onmouseleave 事件似于 onmouseout 事件。 唯一的区别是 onmouseleave 事件不支持冒泡 。


参考资料
词条标签:
javascript   onmouseleave