本例只是以學(xué)習(xí)JS原型鏈為主，如果是對(duì)象封裝或其他方法不在考慮?！鞠胍獙?shí)現(xiàn)】：父類(lèi)調(diào)用 DOM0級(jí)事件處理程序，子類(lèi)調(diào)用IE和DOM2級(jí)事件處理程序。實(shí)例化子類(lèi)可以為元素節(jié)點(diǎn)添加事件和刪除，如果不能滿(mǎn)足則繼續(xù)查找父類(lèi)中的方法。【問(wèn)題】 感覺(jué)是 this的問(wèn)題。在線(xiàn)調(diào)試地址：http://jsbin.com/dahefo/1?//html??<input?type='button'?value='按鈕'?id='btn'>
//基類(lèi)?定義初始的DOM0級(jí)事件處理程序
function?Basevent(ele,type,func){
??this.ele=ele;
??this.type=type;
}
Basevent.prototype={
??constructor:Basevent,
??addEvent:function(){
?? ele['on'+type]=func;//添加?
??},?
??removeEvent:function(){
?? ele['on'+type]=Null;//刪除
??}?
};
//子類(lèi)繼承基類(lèi)?定義DOM2級(jí)和IE兼容版本
function?Subevent(ele,type,func){
??Basevent.apply(this,arguments);
}
Subevent.prototype=Object.create(Basevent.prototype);
Subevent.prototype={
??
??constructor:Subevent,
??//添加事件
??addEvent:function(){
????if(this.ele.addEventListener){?//DOM2級(jí)
????
?????this.ele.addEventListener(type,func,false);
????}else{?//ele.atachEvent?IE
???? alert(2);
??????this.ele.atachEvent('on'+type,func);
????}
??},
??//刪除事件
??removeEvent:function(){
????if(this.ele.removeEventListener){?//DOM2級(jí)
??????this.ele.removEventListener(type,func,false);
????}else{?//ele.detachEvent?IE
??????this.ele.detachEvent('on'+type,func);
????}???
??}
???
};
/*********************/
var?btn=document.getElementById('btn');
function?showMes(){
??alert('執(zhí)行了一個(gè)點(diǎn)擊事件！');
}
var?demo=new?Subevent(btn,'click',showMes);
demo.addEvent();
Javascript中關(guān)于原型繼承的問(wèn)題
天然
2016-01-07 16:44:36
