鼠标相关事件

Posted xzy不会飞的地板流

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标相关事件相关的知识,希望对你有一定的参考价值。

1.鼠标经过事件:mouseOver;事件句柄为:onMouseOver

2.鼠标离开事件:mouseOut;事件句柄为:onMouseOut;

 

实例:另一个百度的超链接显示为蓝色,当鼠标经过的时候颜色变为红色,当鼠标离开的时候颜色变为蓝色;

技术分享图片
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title></title>
 7 
 8     <script type="text/javascript">
 9     
10         function changeColor(colorValue){
11         
12             
13             var baidu=document.getElementById("baidu");
14             
15             baidu.style.color=colorValue;
16             
17         
18         }
19     
20     </script>
21 
22 </head>
23 
24 <body>
25 
26     <a style="color:blue;text-decoration:underline; cursor:pointer" id="baidu"  onMouseOver="changeColor(‘red‘)" onMouseOut="changeColor(‘blue‘)" >百度</a>
27 
28 </body>
29 </html>
View Code

 

以上是关于鼠标相关事件的主要内容,如果未能解决你的问题,请参考以下文章

鼠标相关事件

即使鼠标不移动,D3'Drag'事件也会触发

汇总js事件相关及事件处理模型

从零开始理解JAVA事件处理机制

JS事件相关知识点整理

番外4. Python OpenCV 中鼠标事件相关处理与常见问题解决方案