onmouseover 事件
示例
当鼠标指针移动到图片上时调用函数
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
自己动手试一试 »
更多示例见下文。
描述
onmouseover
事件在鼠标指针进入元素时发生。
onmouseover
事件常与 onmouseout
事件一起使用,后者在鼠标指针离开元素时发生。
onmouseover
事件类似于 onmouseenter
事件。不同之处在于 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 版本 | 二级事件 |
更多示例
示例
此示例演示了 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>
自己动手试一试 »
浏览器支持
onmouseover
是 DOM Level 2 (2001) 特性。
所有浏览器都完全支持。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |