zoukankan      html  css  js  c++  java
  • 创建兼容 IE/FireFox 的 event 及 event 的 srcElement、fromElement、toElement 属性

    if(window.addEventListener) { FixPrototypeForGecko(); }  
      
       function  FixPrototypeForGecko()
       {
           HTMLElement.prototype.__defineGetter__("runtimeStyle",element_prototype_get_runtimeStyle);
           window.constructor.prototype.__defineGetter__("event",window_prototype_get_event);
           Event.prototype.__defineGetter__("srcElement",event_prototype_get_srcElement);
           Event.prototype.__defineGetter__("fromElement",  element_prototype_get_fromElement);
           Event.prototype.__defineGetter__("toElement", element_prototype_get_toElement);
       }  
      
       function  element_prototype_get_runtimeStyle() { return  this.style; }
       function  window_prototype_get_event() { return  SearchEvent(); }
       function  event_prototype_get_srcElement() { return  this.target; }  
      
       function element_prototype_get_fromElement() {
           var node;
           if(this.type == "mouseover") node = this.relatedTarget;
           else if (this.type == "mouseout") node = this.target;
           if(!node) return;
           while (node.nodeType != 1)
               node = node.parentNode;
           return node;
       }
      
       function  element_prototype_get_toElement() {
               var node;
               if(this.type == "mouseout")  node = this.relatedTarget;
               else if (this.type == "mouseover") node = this.target;
               if(!node) return;
               while (node.nodeType != 1)
                  node = node.parentNode;
               return node;
       }
      
       function  SearchEvent()
       {
           if(document.all) return  window.event;  
           func = SearchEvent.caller;  
           while(func!=null){
               var  arg0=func.arguments[0];  
      
               if(arg0 instanceof Event) {
                   return  arg0;
               }
              func=func.caller;
           }
           return   null;
       }

    <script>
      function test(){
          alert("event:" + event +", srcElement:"+event.srcElement.innerHTML+
            ", fromElement:"+event.fromElement.innerHTML + ", toElement:"+event.toElement.innerHTML)
      }
    </script>
     
    <button onmouseout="test()">MouseOut</button><button onmouseover="test()">MouseOver</button>
  • 相关阅读:
    使pre的内容自动换行
    textarea文本换行和页面显示换行符
    SQL查询包含汉字的行
    网站引导页插件intro.js 的用法
    jquery.cookie中的操作
    sql自动生成汉语拼音和首字母函数
    IE,Chrome滚动条样式CSS
    Vcenter server 5.5上传ISO镜像
    Vcenter server 5.5添加用户角色及分配权限
    Vcenter server 5.5安装部署
  • 原文地址:https://www.cnblogs.com/bailuobo/p/2886514.html
Copyright © 2011-2022 走看看