js点击事件

几个点击事件

 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>

 

    <!-- jq 给动态渲染的元素绑定事件 -->
        $('#div').on('click','li',function(){})

    <!-- hover分开写就好了 -->
        $('#div').on('mouseenter','li',function(){});
        $('#div').on('mouseleave','li',function(){});

　　

posted @ 2019-11-21 14:06  野鹤亦闲云  阅读(320)  评论(0)  编辑  收藏  举报