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)