EventUtil原生事件工具_eventutil mad-优快云博客

本文介绍了一个JavaScript工具库，该库提供了一系列实用的方法来帮助开发者处理常见的浏览器事件，包括添加和移除事件监听器、获取事件对象、阻止事件默认行为等功能。此外，还提供了对剪切板操作的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var EventUtil={
    //添加事件
   addHandler:function(element,type,handler){
       if(element.addEventListener){//DOM2级
           element.addEventListener(type,handler,false);
       }else if(element.attachEvent){//IE
           element.attachEvent("on"+type,handler);
       }else{
           element["on"+type]=handler;//DOM0级
       }
   },
   //删除事件
   removeHandler:function(element,type,handler){
       if(element.removeEventListener){//DOM2级
           element.removeEventListener(type,handler,false);
       }else if(element.detachEvent){//IE
           element.detachEvent("on"+type,handler);
       }else{
           element["on"+type]=null;//DOM0级
       }      
   },
   //返回event对象的引用
   getEvent:function(event){
       return event?event:window.event;
   }
   //返回事件的目标
   getTarget:function(event){
       return event.target ||  event.srcElement;
   },
   //取消事件的默认行为
   preventDefault:function(event){
       if(event.preventDefault){
           event.preventDefault();
       }else{
           event.returnValue=false;
       }
   },
   //阻止事件流
   stopPropagation:function(event){
       if(event.stopPropagation){
           event.stopPropagation();
       }else{
           event.cancelBubble=true;
       }
   },
   //取得字符编码
   getCharCode:function(event){
       if(typeof event.charCode=="number"){
           return event.charCode;
       }else{
           return event.keyCode;//IE8及之前的版本和Opera
       }
   },
   //获取剪切板中的值
   getClipboardText:function(event){
       var clipboardData=(event.clipboardData || window.clipboardData);
       return clipboardData.getData("text");
   },
   //设置剪切板中的值
   setClipboardText:function(event,value){
       if(event.clipboardData){
           return event.clipboardData.setData("text/plain",value);
       }else if(window.clipboardData){
           window.clipboardData.setData("text",value);
       }
   }
}