• 跨浏览器的事件对象


    var EventUtil = { 
          addHandler: function(element, type, handler){
             //省略的代码
         }, 
        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;
             }
         }, 
          removeHandler: function(element, type, handler){
             //省略的代码
         }, 
        stopPropagation: function(event){ 
            if (event.stopPropagation){   
              event.stopPropagation();  
           } else {    
             event.cancelBubble = true; 
            }  
       },
       getRelatedTarget: function(event){
    //相关元素。这个属性只对于 mouseover 和mouseout事件才包含值;对于其他事件,这个属性的值是null
           if (event.relatedTarget){
               return event.relatedTarget; 
           } else if (event.toElement){  
              return event.toElement;
           } else if (event.fromElement){
              return event.fromElement;  
          } else {        
           return null;    
        }
       }     
    };
      
      
      
    

      

  • 相关阅读:
    Web存储
    JavaScript模块化
    jQuery挖源码——事件绑定
    观察者模式——JavaScript
    Node.js之网络小爬虫
    ECMAScript的严格模式
    JavaScript和jQuery的事件
    认识Ajax
    Redis之intset数据结构
    Redis之Hash数据结构
  • 原文地址:https://www.cnblogs.com/zshno1/p/9674092.html
Copyright © 2020-2023  润新知