当鼠标指针移出元素时触发
将鼠标指针移出图像时执行 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 onmouseout="normalImg(this)" src="../assets/chrome.svg">
当鼠标指针移出元素时触发 onmouseout 属性。
提示: onmouseout 属性通常与 onmouseover 属性一起使用。
事件属性 | |||||
---|---|---|---|---|---|
onmouseout | Yes | Yes | Yes | Yes | Yes |
<element onmouseout="script">
值 Value | 描述 Description |
---|---|
script | 在 onmouseout 上运行的脚本 |
支持的 HTML 标签: | 所有 HTML 元素,除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title> |