幾個點擊事件 1 <body> 2 <button>jq點擊</button> 3 <input type="button" id="btn1" value="第一種"> 4 <input type="button" id="btn2" value="第二種"> 5 <input type="but ...
幾個點擊事件
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>
