句柄式監聽document.getElementById("btn").addEventListener("click",function(){})
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="div">hello</p> <button onclick="demo()">按鈕1</button> <button id="btn">按鈕2</button> <button id="btn_many">添加多個句柄事件</button> <script> // 以前的監聽 function demo(){ document.getElementById("div").innerHTML = "改變" } // 句柄式監聽 document.getElementById("btn").addEventListener("click", function(){ alert("句柄監聽事件"); } ); // 聲明多個句柄 var x = document.getElementById("btn_many"); x.addEventListener("click",hello); x.addEventListener("click",world); // 移出句柄 x.removeEventListener("click",hello); function hello(){ alert("hello") } function world(){ alert("world") } </script> </body> </html>
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
TypeError: document.getELementById is not a function
document.getElementById(...) is null
js中document.getElementById("defaultOpen").click();無法觸發的原因
document.getElementById()與 $()區別
document.getElementById()用法
document.getElementById('').innerHTML
document.getElementById('').innerHTML
document.getElementById/Name/TagName
document.getElementById()偶爾返回null
document.getElementById的簡便方式