HTML onmouseover, onmouseout , onmousemove 事件属性

阅读量：4132 次

发布时间：2019-05-25

本文共 1546 字，大约阅读时间需要 5 分钟。

HTML onmouseover 事件属性

定义和用法

onmouseover 属性在鼠标指针移动到元素上时触发。

注释：onmouseover 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

语法

属性值

值	描述
script	onmouseover 发生时运行的脚本。

实例

当鼠标指针移动到图像上时执行一段 JavaScript(使图像放大)：

函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。

函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。

onmouseout 事件

定义和用法

onmouseout 事件会在鼠标指针移出指定的对象时发生。

语法

οnmοuseοut="SomeJavaScriptCode"

参数	描述
SomeJavaScriptCode	必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

, , , , , , 
        
         , ,

支持该事件的 JavaScript 对象：

layer, link

实例

在下面的例子中，我们将在鼠标指针移出图像时显示一个对话框：

[html]

HTML onmousemove 事件属性

定义和用法

onmousemove 属性在鼠标指针移动到元素上时触发。

注释：onmousemove 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

语法

属性值

值	描述
script	onmousemove 发生时运行的脚本。

实例

当鼠标指针移动到图像上时执行一段 JavaScript（使图像放大）：

[html]
 <!DOCTYPE html>  
 <html>  
 <head>  
 <script>  
 function bigImg(x)  
 {  
 x.style.height="180px";  
 x.style.width="180px";  
 }  
   
 function normalImg(x)  
 {  
 x.style.height="128px";  
 x.style.width="128px";  
 }  
 </script>  
 </head>  
 <body>  
   
 <img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" >  
   
 <p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>  
 <p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>  
   
 </body>  
 </html>  

本文转自w3shool

转载地址：http://gbjvi.baihongyu.com/

你可能感兴趣的文章

码农吐糟同事：写代码低调点不行么？空格回车键与你有仇吗？

HTML onmouseover 事件属性

定义和用法

语法

属性值

实例

onmouseout 事件

定义和用法

语法

支持该事件的 HTML 标签：

to

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

支持该事件的 JavaScript 对象：

实例

HTML onmousemove 事件属性

定义和用法

语法

属性值

实例

,

, , , , `, , , , , , , , , , , , , , , ,`