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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章