html中在鼠标指针移动到元素外时触发的事件属性onmouseout

程序员文章站 2022-05-03 21:28:01

...

实例

当鼠标指针移动到图像之外时执行一段 JavaScript：

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

浏览器支持

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中在鼠标指针移动到元素外时触发的事件属性onmouseout

html中在鼠标双击元素时触发的事件属性ondblclick

html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover

html在鼠标按钮在元素上按下时触发的事件属性onmousedown

html在鼠标指针移动到元素上时触发的函数onmousemove

html中在鼠标指针移动到元素外时触发的事件属性onmouseout

html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover

html中在鼠标指针移动到元素上时触发的事件属性onmouseover

html中在鼠标指针移动到元素外时触发的事件属性onmouseout

html在鼠标指针移动到元素上时触发的函数onmousemove

html中在松开鼠标按钮时触发的事件属性onmouseup