<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oBtn = document.getElementById("btn1"); //attachEvent(事件名,函数) //IE支持 火狐谷歌不支持 // oBtn.attachEvent("onclick",function(){ // alert("a"); // }); // // oBtn.attachEvent("onclick",function(){ // alert("b"); // }); //ff 谷歌 //addEventListener(事件名,函数,false/true)false冒泡 true捕捉 //和attachEvent的不一样的是:事件不加on // oBtn.addEventListener("click",function(){ // alert("a"); // }); // oBtn.addEventListener("click",function(){ // alert("b"); // }); //兼容写法 if(oBtn.attachEvent) { //ie下顺序相反 ie的一个bug oBtn.attachEvent("onclick",function(){ alert("a"); }); oBtn.attachEvent("onclick",function(){ alert("b"); }); }else{ oBtn.addEventListener("click",function(){ alert("a"); }); oBtn.addEventListener("click",function(){ alert("b"); }); } } </script> </head> <body> <input type="button" value="点击" id="btn1" /> </body> </html>