web开发小记3:事假处理函数

2016-08-20  本文已影响12人  朱萧默说

因为IE浏览器和其他浏览器有不同的处理事件的函数,所以需要拿出一个跨浏览器的解决方案。

<script>
           // 跨浏览器事件对象
           //原因:DOM和IE中的event对象不同,但是有一些相似性。所以可以拿出一个跨浏览器的解决方案
           var EventUtil = {
               addHander:function(element,type,handler){
                   if(element.addEventListener){
                       //DOM处理添加监听事件
                       element.addEventListener(type, handler, false);
                   }else if(element.attachEvent){
                       //IE处理添加监听事件
                       element.attachEvent("on" + type, handler);
                   }else{
                       element["on" + type] = handler;
                   }
               },
               removeHander:function(element, type, handler){
                   if (element.removeHander) {
                       element.removeHander(type, handler, false);
                   }else if (element.detachEvent) {
                       element.detachEvent("on" + type, handler)
                   }else {
                       element["on" + type] = null;
                   }
               },
               getEvent:function(event){
                   return event?event:window.event;
               },
               getTarget:function(event) {
                   return event.target || event.srcElement;
               }
           }
       </script>
上一篇下一篇

猜你喜欢

热点阅读