html中在鼠标指针移动到元素外时触发的事件属性onmouseout
程序员文章站
2022-04-23 18:05:05
...
实例
当鼠标指针移动到图像之外时执行一段 JavaScript：
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 onmouseout 属性。
定义和用法
onmouseout 属性在鼠标指针移动到元素外时触发。
注释：onmouseout 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onmouseout="script">
属性值
| 值 | 描述 |
| script | onmouseout 发生时运行的脚本。 |
支持该事件的 HTML 标签：
<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <p>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
支持该事件的 JavaScript 对象：
layer, link
实例
在下面的例子中，我们将在鼠标指针移出图像时显示一个对话框：
<img src="/i/example_mouse2.jpg" alt="mouse"
onmousemove="alert('您的鼠标刚才离开了图片！')" />
以上就是html中在鼠标指针移动到元素外时触发的事件属性onmouseout的详细内容，更多请关注其它相关文章！
推荐阅读
-
html中在鼠标双击元素时触发的事件属性ondblclick
-
html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover
-
html在鼠标按钮在元素上按下时触发的事件属性onmousedown
-
html在鼠标指针移动到元素上时触发的函数onmousemove
-
html中在鼠标指针移动到元素外时触发的事件属性onmouseout
-
html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover
-
html中在鼠标指针移动到元素上时触发的事件属性onmouseover
-
html中在鼠标指针移动到元素外时触发的事件属性onmouseout
-
html在鼠标指针移动到元素上时触发的函数onmousemove
-
html中在松开鼠标按钮时触发的事件属性onmouseup