欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

点击事件

程序员文章站 2023-08-30 13:27:11
几个点击事件 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>