onmouseenter

编辑

onmouseenter 事件在鼠标指针移动到元素上时触发。

PHP中文网词条详解简介

onmouseenter 事件在鼠标指针移动到元素上时触发。

提示: 该事件通常与 onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发。

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


PHP中文网词条详解语法

HTML 中:

<element onmouseenter="myScript">

JavaScript 中:

object.onmouseenter=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("mouseenter", 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>


参考资料
词条标签:
javascript   onmouseenter