JS事件对象(event)的一些兼容性写法

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

 获得event对象兼容性写法

• event || (event = window.event);
• e || (e = window.event);``(其实是一样的)

 //    1.获取元素
        var div = document.querySelector('div');
        div.addEventListener('click', function(e) {
                //ie console.log(window.event)
                console.log(e = e || window.event)
            })
           
    </script>

获得target兼容型写法

•   event.target||event.srcElement； 
• var = target = e.target || e.srcElement;

阻止浏览器默认行为兼容性写法 

• event.preventDefault ? event.preventDefault() : (event.returnValue = false); 

阻止冒泡写法

•  event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);
• if(e.stopPropagation) {e.stopPropagation} else {e.cancelBubble = true};
• try{e.stopPropagation}catch(err){e.cancelBubble = true};

说明：try catch 语法：

try里面的代码没有报错，那么catch里面的不执行

try里面的代码报错，那么就执行catch里面的代码

在catch接收的err参数表示try里面的报错信息

   try {
            console.log('尝试的代码');
        } catch (err) {
            console.log('备用的代码');
        };

\

​