JavaScript 通用函數整理——事件對象

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




發佈了22 篇原創文章 · 獲贊 4 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章