onmouseenter 事件
示例
将鼠标指针移到图像上时调用一个函数
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
自己尝试 »
以下有更多示例。
描述
当鼠标指针进入元素时，会发生onmouseenter事件。
onmouseenter事件通常与onmouseleave事件一起使用，该事件发生在鼠标指针离开元素时。
onmouseenter事件类似于onmouseover事件。区别在于onmouseenter事件不会冒泡（不会向上传播到文档层次结构）。请参阅本页底部的“更多示例”以更好地理解差异。
鼠标事件
| 事件 | 发生时间 |
|---|---|
| onclick | 用户单击元素 |
| oncontextmenu | 用户右键单击元素 |
| ondblclick | 用户双击元素 |
| onmousedown | 鼠标按钮在元素上按下 |
| onmouseenter | 指针移动到元素上 |
| onmouseleave | 指针从元素中移出 |
| onmousemove | 指针在元素上移动 |
| onmouseout | 鼠标指针从元素中移出 |
| onmouseover | 鼠标指针移到元素上 |
| onmouseup | 鼠标按钮在元素上释放 |
另请参阅
教程
语法
技术细节
| 冒泡 | 否 |
|---|---|
| 可取消 | 否 |
| 事件类型 | MouseEvent |
| HTML 标签 | 所有 HTML 元素，除了：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 和 <title> |
| DOM 版本 | Level 2 事件 |
更多示例
示例
此示例演示 onmousemove、onmouseenter 和 mouseover 事件之间的区别
<div onmousemove="myMoveFunction()">
<p id="demo1">我将演示 onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">我将演示 onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">我将演示 onmouseover!</p>
</div>
自己尝试 »
浏览器支持
onmouseenter是 DOM Level 2 (2001) 功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
