点击事件

2022-10-13,

几个点击事件

 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>

 

《点击事件.doc》

下载本文的Word格式文档,以方便收藏与打印。