Firefox相容JS指令碼供參考

來源:互聯網
上載者:User
最近做了一個項目,遇到了FireFox和IE指令碼不相容的問題,為此從網上搜集了部分相容的指令碼,另外自己也摸索了一點,
原本寫在了自己另外一個部落格裡,現拷過來供大家參考,原文

1.window.event相容指令碼
2.屏蔽Form提交事件
3.擷取事件來源
4.添加事件相容寫法
5.Firefox註冊innerText寫法

6.長度
7.父控制項下的子控制項
8. XmlHttp

1.window.event相容指令碼

          function getEvent(){     //擷取瀏覽器事件,同時相容ie和ff的寫法
         if(document.all)    return window.event;       
          func=getEvent.caller;           
       while(func!=null){   
            var arg0=func.arguments[0];
            if(arg0){
                if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
                    || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){   
                   return arg0;
                }
              }
            func=func.caller;
         }
         return null;
        }

        每次用事件之前Firefox都需要用getEvent()擷取一下,否則就是空

2.屏蔽Form提交事件

event.returnValue=false;// for IE

evt.preventDefault();//for firefox

3.擷取事件來源

var source=event.srcElement //IE

var source=event.target //firefox

4.添加事件相容寫法

        function addEvent(oElement,sEvent,func){
            if (oElement.attachEvent){
                oElement.attachEvent(sEvent,func);
            }
            else{
                sEvent=sEvent.substring(2,sEvent.length);
                oElement.addEventListener(sEvent,func,false);
            }
        }

       用法:addEvent(window,"onload",Start);

5.Firefox註冊innerText寫法

                //註冊firefox innerText
               HTMLElement.prototype.__defineGetter__("innerText",
                function(){
                 var anyString = "";
                 var childS = this.childNodes;
                 for(var i=0; i<childS.length; i++) {
                  if(childS[i].nodeType==1)
                   anyString += childS[i].tagName=="BR" ? '\n' : childS[i].innerText;
                  else if(childS[i].nodeType==3)
                   anyString += childS[i].nodeValue;
                 }
                 return anyString;
                }
               );
               HTMLElement.prototype.__defineSetter__("innerText",
                function(sText){ 
                 this.textContent=sText;
                }
               ); 

6.長度:FireFox長度必須加“px”,IE無所謂

7.父控制項下的子控制項:IE是“children”,FireFox是“childNodes”

8.XmlHttp

在IE中,XmlHttp.send(content)方法的content可以為空白,而firefox則不可為空,應該用send(" "),否則會出現411錯誤

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.