html鼠标事件

本文转载自查看原文 2017-09-26 21:20 1757 前端/ js/ J2EE/ html

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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 html鼠标离开事件 html5中的鼠标事件 JavaScript(js)处理的HTML事件、键盘事件、鼠标事件 HTML5 Canvas鼠标与键盘事件 HTML onmousedown 事件属性关于鼠标按键的问题； HTML中鼠标滚轮事件onmousewheel 各种事件（html事件，鼠标事件，键盘事件，焦点事件以及阻止默认事件） HTML5深入学习之鼠标跟随，拖拽事件 html 通过js给相同class的元素添加事件（鼠标移入与移出） HTML DOM-->鼠标事件单击(click)与双击(dblclick)