慕粉3968675
2016-09-14 00:23:58
<body><div id="box"><input type="button" value="按鈕" id="btn" onclick="showMes()" ><input type="button" value="按鈕2" id="btn2" ><input type="button" value="按鈕3" id="btn3" ></div><script>? function showMes(){ alert('hello'); } var btn2=document.getElementById('btn2'); var btn3=document.getElementById('btn3'); btn2.onclick=function(){ alert('這是一個DOM0級添加事件'); } btn2.onclick=null; //DOM二級事件/* btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',function(){ ? alert(this.value);},false); //刪除事件 btn3.removeEventListener('click',showMes,false); ? ? btn3.attachEvent('onclick',showMes); btn3.detachEvent('onclick',showMes);*/ //跨瀏覽器事件 var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,hanlder,false);} else if(element.attachEvent){ element.attachEvent("on"+type,handler); } else{ element['on'+type]=handler } }, //刪除句柄? ? ? ? ? removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,hanlder,false);} else if(element.detchEvent){ element.detchEvent('on'+type,handler); } else{ element['on'+type]=null;? } } } eventUtil.addHandler(btn3,'click',showMes);? ? ? </script></body></html>
2 回答
已采納

stone310
TA貢獻(xiàn)361條經(jīng)驗 獲得超191個贊
有2個地方打錯字了:
1、handler打錯成hanlder
//添加句柄
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,hanlder,false);}
2、detachEvent打錯成detchEvent,這里也有個handler
//刪除句柄
? ? ? ? ? removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,hanlder,false);}
else if(element.detchEvent){
element.detchEvent('on'+type,handler);
添加回答
舉報
0/150
提交
取消