js事件封装函数，js跨浏览器事件处理机制

最新推荐文章于 2021-03-31 00:28:53 发布

全栈工程师继续努力

最新推荐文章于 2021-03-31 00:28:53 发布

阅读量265

点赞数

分类专栏： nodejs html js jquery 文章标签： html javascript js 函数浏览器

本文链接：https://blog.csdn.net/qq_16664643/article/details/52232739

版权

js 同时被 3 个专栏收录

57 篇文章 0 订阅

订阅专栏

html

50 篇文章 0 订阅

订阅专栏

jquery

43 篇文章 0 订阅

订阅专栏

<script>
    /*js跨浏览器事件处理机制*/
   var _event={
       //添加句柄
       addHandler:function(elem,type,handler){
            if(elem.addEventListener){
                elem.addEventListener(type,handler,false);
            }else if(elem.attachEvent){
                    elem.attachEvent('on'+type,handler);
            }else{
                elem['on'+type]=handler;
            }
       },
       //移除句柄
       removeHandler:function(elem,type,handler){
            if(elem.removeEventListener){
                elem.removeEventListener(type,handler,false);
            }else if(elem.detachEvent){
                elem.detachEvent('on'+type,handler);
            }else{
                elem['on'+type]=null;
            }
       },
       //获取事件
       getEvent:function(event){
            return event?event:window.event;
       },
       //获取类型
       getType:function(event){
            return event.type;
       },
       //获取事件源
       getElement:function(event){
            return event.target||event.srcElement;
       },
       preventDefault:function(event){
           if(event.preventDefault){
               event.preventDefault;
           }else{
               //ie
               event.returnValue=false;
           }
       },
       stopPropagation:function(event){
            if(event.stopPropagation){
                event.stopPropagation;
            }else{
                event.cancelBubble=true;
            }
       }
   }
</script>