事件对象

Posted 2020-10-06 风落夕

 

dom中的时间对象:event.type 事件的类型 bubbles 布尔型 是否冒泡 target目标元素 被点击的元素 preventDefaul()阻止未完成的事件取消默认行为 stopPropagation()停止传播：阻止事件捕获和事件冒泡。

IE的事件对象：window.event event.type 事件的类型 srcElement 目标元素。returnValue为false的时候取消默认行为 cancelBubble为true的时候阻止事件冒泡

跨浏览器的事件对象：

 

var EventUntil = {
    getEvent:function(event)
    {
        event=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.cancelBullle=true;
        }

    }
};

btn.onclick=function(){

var event=EventUntil.getEvent(event);

vat target=EventUnitil.getTarget(event);

}