不能實現(xiàn)效果啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<input id="btn" type="button" value="按鈕" ?onclick="showMes()" />
<input id="btn2" type="button" value="按鈕2" />
<input id="btn3" type="button" value="按鈕3" />
<script type="text/javascript">
? ?function showMes(){
? ? ? alert("ni hao!");
? ?}
? ?//DOM0級
? ?var btn2=document.getElementById('btn2');
? ?var btn3=document.getElementById('btn3');
? btn2.onclick=function(){
? ? alert("ni hao!");
? ?}
? //btn2.onclick=null;
? /* //DOM2級
? ?btn3.addEventListener('click',showMes,false);
? ?//btn3.removeEventListener('click',showMes,false);*/
? ?//IE
? // btn3.attachEvent('onclick',showMes);
? ?//btn3.detachEvent('onclick',showMes);*/
? ?var eventUtil={
? ? ? addHadler:function(element,type,handler){
? ?
if(element.addEventListener){ ?//DOM2級
?element.addEventListener(type,handler,false);
}else if(element.attachEvent){ ?//IE
element.attachEvent('on'+type,handler);
}else{ //DOM0級
?element['on'+type]=handler;
}
?},
? ?removeHadler:function(element,type,handler){
? ?
if(element.removeEventListener){ ?//DOM2級
?element.removeEventListener(type,handler,false);
}else if(element.detachEvent){ ?//IE
element.detachEvent('on'+type,handler);
}else{ //DOM0級
?element['on'+type]=null;
}
?}
? ?}
? ? ?eventUtil.addHandler(btn3,'click',showMes);
</script>
</body>
</html>
2016-06-04
? 你定義的方法：addHadler:function(element,type,handler)
你調(diào)用的方法：eventUtil.addHandler(btn3,'click',showMes);
發(fā)現(xiàn)問題沒？方法名寫的不一樣~細心啊~
2016-06-04
你添加和刪除句柄那兒寫錯了addHandler和removeHandler，你寫成addHadler和removeHadler了
2016-06-04
你在封裝那個對象的時候addHandler中間少寫了一個n