点击事件
程序员文章站
2022-06-07 11:21:46
几个点击事件 1 2 3 4 5
几个点击事件
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>
上一篇： 做HTML静态页面时遇到的问题总结