跨浏览器的事件对象

var EventUtil = {
        target : function(e){    //目标事件
            e = e || window.event;
            return  e.target || e.srcElement;
        },
        preventDefault : function(e){    //阻止事件的默认行为
            e = e || window.event;
            if(e.preventDefault){
                e.preventDefault();
            }else{
                e.returnValue = false;
            }
        },
        stopPropagation : function(e){    //阻止事件冒泡
            e = e || window.event;
            if(e.stopPropagation){
                e.stopPropagation();
            }else{
                e.cancelBubble = true;
            }
        }
    };
复制代码

以上代码,我们为EventUtil添加了3个方法,我们可以像下面这样使用这些方法:

var div=document.getElementById('div'); 
div.onclick = function(e){     var target = EventUtil.target(e);
    alert(target.tagName);
}
posted @ 2013-03-18 09:29  hold su  阅读(141)  评论(0编辑  收藏  举报