點擊事件

幾個點擊事件html

 1 <body>
 2     <button>jq點擊</button>
 3     <input type="button" id="btn1" value="第一種">
 4     <input type="button" id="btn2"  value="第二種">
 5     <input type="button" onclick="san()" value="第三種">
 6 </body>
 7 </html>
 8 <script src="jquery-1.8.1.min.js"></script>
 9 <script>
10     // 原生
11     var btn1 = document.getElementById("btn1")
12     var btn2 = document.getElementById("btn2")
13     // 第一種
14     btn1.onclick = function(){
15         console.log("第一種點擊")
16     }
17     // 第二種(監聽點擊事件)
18     btn2.addEventListener("click",function(){
19         console.log("第二種點擊")
20     })
21     // 第三種
22     function san(){
23         console.log("這是第三種")
24     }
25     
26     
27     // jquery
28     $("button").click(function(){
29         console.log("jq點擊")
30     })
31 </script>
相關文章
相關標籤/搜索