浏览器兼容之js事件处理

最近在看《JavaScript高级程序设计》这本书，刚开始看着密密麻麻的文字还是蛮头疼的，但是越看越有意思。这里我截取了其中的一段代码----跨浏览器的事件对象，这个在我们真实项目中针对跨浏览器和一些老的浏览器版本兼容还是有一点的参考价值，具体代码如下。

    


    点击

简单说明

1、普通浏览器添加事件： element.addEventListener(type,functionName,boolean) element.removeEventListener(type,functionName,boolean) ,boolean为true事件捕获，false事件冒泡
2、ie8以前添加事件: elemnt.attachEvent("on"+type,functionName) elemnt.detachEvent("on"+type,functionName) ，均为事件冒泡
3、其它老版本添加事件:element["on"+type]=function(){} element["on"+type]=null; 两种，事件捕获和事件冒泡

其它：ie和DOM的事件对象event不一致，所以在操做事件对象时会有不同的处理,所以新增加了四个方法getEvent、getTarget、preventDefault、stopePropagation