更多"Try it Yourself"下面的例子。
定义和用法
当鼠标指针移动到一个元件发生OnMouseEnter在事件。
提示：该事件经常与一起使用OnMouseLeave在事件，当鼠标指针移出元素的发生。
提示：OnMouseEnter在事件是类似的onmouseover事件。 唯一的区别是，OnMouseEnter在事件不起泡(does not propagate up the document hierarchy) 。 请参见"More Examples"在这个页面的底部，以便更好地理解这些差异。
浏览器支持
在表中的数字规定，完全支持该事件的第一个浏览器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | 是 | 6.1 | 11.5 |
句法
在HTML：
< 试一试» 在JavaScript：
object .onmouseenter=function(){ 试一试» 注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。
技术细节
| 泡沫： | 没有 |
|---|---|
| 取消： | 没有 |
| 事件类型： | 的MouseEvent |
| 支持的HTML标签： | 所有的HTML元素，除了：<基数>，<BDO>，点击<HEAD>，<HTML>，<IFRAME>，<META>，<param>的<SCRIPT>，<STYLE>和<title> |
| DOM版本： | 2级事件 |
更多示例
例
这一实例说明的OnMouseMove，OnMouseEnter在鼠标悬停和事件之间的区别：
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div
onmouseover="myOverFunction()">
<p id="demo3">I will
demonstrate onmouseover!</p>
</div>
试一试» <事件对象