HTML onmouseover 事件属性
当鼠标指针移到元素上时触发
示例
将鼠标指针移到图像上时执行 JavaScript：
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="../assets/chrome.svg" 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>
<img onmouseover="bigImg(this)" src="../assets/chrome.svg">
定义和使用
onmouseover 属性在鼠标指针移到元素上时触发。
提示： onmouseover 属性通常与 onmouseout 属性一起使用。
浏览器支持
| 事件属性 |
|
|
|
|
|
|---|---|---|---|---|---|
| onmouseover | Yes | Yes | Yes | Yes | Yes |
语法
<element onmouseover="script">
属性值
| 值 Value | 描述 Description |
|---|---|
| script | 要在 onmouseover 上运行的脚本 |
技术细节
| 支持的 HTML 标签: | 所有 HTML 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |