// 在项目中，团队开发过程中，如果你想给一个元素添加一个点击事件，另一个人也要添加点事件怎么办？
// 封装一个类
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.桥接模式 主要解决：在有多...
