// 统一外观
function addEvent (el, type, fn) {
function handler(e) {
e = e || window.event;
e.target =e.target || e.srcElement;
e.stopPropagation = e.stopPropagation || function() { e.cancelBubble = true };
e.preventDefault = e.preventDefault || function() {window.event.returnValue = false; }
fn.apply(this, arguments);
}
if (el.addEventListener) {
el.addEventListener(type, handler, false);
}
else if (el.attachEvent) {
el.attachEvent('on' + type, handler, false);
}
else {
el['on' + type] = handler;
}
}
function setStyle(el, opt) {
for (var attr in opt) {
if (opt.hasOwnProperty(attr)) {
el.style[attr] = opt[attr];
}
}
}
//demo
addEvent(document.body, 'click', function(e) {
e.preventDefault(); // 阻止默认事件
setStyle(this, {border: '1px solid red'});
console.log(e.target);
});
外观模式
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- http://blog.csdn.net/hp910315/article/details/51111744 代理...
- 定义 适配器模式将一个类的接口,转换成客户期望的另一个接口.适配器可以让原本不兼容的类可以合作无间.外观模式提供了...
- 设计模式： 适配器模式 定义：适配器模式将一个类的接口，转换成客户期望的另一个接口。适配器让原本接口不兼容的类可以...
- 定义 门面模式是对象的结构模式，外部与一个子系统的通信必须通过一个统一的门面对象进行。门面模式提供一个高层次的接口...
