參考《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;
}
}
}