htnl鼠标事件

Posted 千彧

tags:

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

jsp鼠标事件汇总
onclick 

单击时触发的事件,这个比较常用
ondblclick 双击时触发的事件
onmoucedown 鼠标按下时触发的事件(个人觉得与onclick异曲同工)
onmouceover 鼠标放在上面时时触发的事件
onmouseup  释放按下的鼠标时触发的事件
onmouseout 移出鼠标时触发的事件
 
 1 <html>
 2  <HEAD>
 3   <TITLE> mouseevent </TITLE>
 4   <meta charset="utf-8">
 5   <META NAME="Generator" CONTENT="EditPlus">
 6   <META NAME="Author" CONTENT="">
 7   <META NAME="Keywords" CONTENT="">
 8   <META NAME="Description" CONTENT="">
 9   <style>
10     #mouse{width:500px;height:500px;background:#99FFFF;font-size:200%;}
11   </style>
12   <script>
13     function mousedown(){
14       document.getElementById("mouse").style.background="#FF6699";
15         }
16   </script>
17  </HEAD>
18 
19  <BODY>
20  <center>
21       <div id="mouse" onmouse onmouseup="mousedown()" >
22               hello !
23       </div>
24  </center>    
25  </BODY>
26 </HTML>

 

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

htnl5中设置文本单行显示,超出部分打省略号,鼠标移到文本时alt出全部文本内容

JavaFX窗口拖动

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

第六十八节,htnl全局属性和其他属性

JavaScript期末复习

HTML5拖放以使用本地htnl5文件上传目录[重复]