前端积累常用事件的js公用方法

Posted 霓裳梦竹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端积累常用事件的js公用方法相关的知识,希望对你有一定的参考价值。

 1 var eventUtil={
 2              // 添加句柄
 3              addHandler:function(element,type,handler){
 4                if(element.addEventListener){
 5                  element.addEventListener(type,handler,false);
 6                }else if(element.attachEvent){
 7                  element.attachEvent(‘on‘+type,handler);
 8                }else{
 9                  element[‘on‘+type]=handler;
10                }
11              },
12              // 删除句柄
13              removeHandler:function(element,type,handler){
14                if(element.removeEventListener){
15                  element.removeEventListener(type,handler,false);
16                }else if(element.detachEvent){
17                  element.detachEvent(‘on‘+type,handler);
18                }else{
19                  element[‘on‘+type]=null;
20                }
21              },
22           getEvent:function(event){
23             return event?event:window.event;
24           },
25           getType:function(event){
26             return event.type;
27           },
28           getElement:function(event){
29             return event.target || event.srcElement;
30           },
31           preventDefault:function(event){
32             if(event.preventDefault){
33               event.preventDefault();
34             }else{
35               event.returnValue=false;
36             }
37           },
38          stopPropagation:function(event){
39            if(event.stopPropagation){
40              event.stopPropagation();
41            }else{
42              event.cancelBubble=true;
43            }
44          }
45   }

 

以上是关于前端积累常用事件的js公用方法的主要内容,如果未能解决你的问题,请参考以下文章

前端开发中最常用的JS代码片段

关于js----------------分享前端开发常用代码片段

js常用插件积累

前端如何开始一个新项目

原生js如何绑定a连接点击事件?

javascript常用积累