// 在項目中,團隊開發過程中,如果你想給一個元素添加一個點擊事件,另一個人也要添加點事件怎么辦?
// 封裝一個類
function addEvent (dom,type,fn){
if(dom.addEventListener){
dom.addEventListener(type,fn,false);
}else if(dom.attachEvent){
dom.attachEvent('on' + type, fn);
}else{
dom['on'+type] = fn;
}
}
var box = document.getElementById('box');
// 錯誤演示:
box.onclick = function(){ // 甲給元素添加事件
alert(1);
}
box.onclick = function(){ // 乙給元素添加事件
alert(2);
}
// 上面案例 乙的點擊事件覆蓋甲的事件邏輯
// 通過封裝的小函數來實現:
var box2 = document.getElementById('box2');
addEvent(box2,'click',function(){
alert(1);
})
addEvent(box2,'click',function(){
alert(2);
})
外觀模式
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 橋接模式 要實現多個有相同的類的操作,他們又有各自的控制單元,如車控鑰匙控制車輛的上鎖、解鎖。如果每種鑰匙都對應每...
- http://blog.csdn.net/hp910315/article/details/51111744 代理...
- 首先我們需要了什么的結構型模式,其實結構型模式就是涉及到類或者對象之間的組合關系。 1.橋接模式 主要解決:在有多...