特写：兼容的事件处理函数工具包

JavaScript事件处理实用工具

最新推荐文章于 2025-06-08 13:46:55 发布

转载最新推荐文章于 2025-06-08 13:46:55 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webDevelop/archive/2012/04/08/2437600.html

本文介绍了一个JavaScript实用工具包varEventUtil，它提供了一种跨浏览器兼容的方式添加和移除事件监听器，并包括获取事件对象、目标元素、阻止默认行为及停止事件传播等功能。

var EventUtil = {             
    addHandler: function(element, type, handler){     
       if (element.addEventListener){ 
          element.addEventListener(type, handler, false);      
       } else if (element.attachEvent){        
           element.attachEvent("on" + type, handler);     
       } else {        
           element["on" + type] = handler;       
       }   
    },           
    removeHandler: function(element, type, handler){      
       if (element.removeEventListener){         
           element.removeEventListener(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; 
    },        
    preventDefault: function(event){
       if (event.preventDefault){ 
           event.preventDefault();       
       } else {  
           event.returnValue = false;      
       }   
    },                    
    stopPropagation: function(event){      
      if (event.stopPropagation){        
         event.stopPropagation();     
      } else {         
         event.cancelBubble = true;     
      }    
    }         
};

转载于:https://www.cnblogs.com/webDevelop/archive/2012/04/08/2437600.html