参考《JavaScript 高级程序设计(第3版)》 《JavaScript DOM 编程艺术(第2版)》
实现平稳退化和渐进增强,就必须分离结构层、表示层、行为层。
定义跨浏览器的 EventUtil 对象:
var EventUtil = {
//获取事件对象
getEvent: function(event){
return event ? event : window.event;
},
//获取事件的目标
getTarget: function(event){
return event.target || event.srcElement;
},
//取消事件的默认行为
preventDefault: function(event){
if(event.preventDefault){
event.preventDefault();
}
else{
event.returnValue = false;
}
},
//停止事件冒泡
stopPropagation: function(event){
if(event.stopPropagation){
event.stopPropagation();
}
else{
event.cancelBubble = true;
}
}
}