IE、FF等瀏覽器JS不同操作處理

                                                             IE                                     FF

event                                        window.event                            event

鼠標當前座標                             eventX eventY                        event.pageX event.pageY    通用:clentX clientY    

鼠標當前座標(加上滾動條滾過的距離):

                                             event.offsetX event.offsetY       event.layerX event.layerY

標籤的x和y的座標位置:

style.posLeft 和 style.posTop              有                                      沒有          通用:object.offsetLeft和 object.offsetTop

窗體的高度和寬度:

                                        document.body.offsetWidth   window.innerWidth、document.documentElement.clientWidth

                                        document.body.offsetHeight  window.innerHegiht、document.documentElement.clientHeight

通用:                                document.body.clientWidth和document.body.clientHeight

添加事件                           element.attachEvent(”onclick”, func)   element.addEventListener(”click”, func, true)

標籤的自定義屬性:

IE:如果給標籤div1定義了一個屬性value,  div1.value和div1[”value”]取得該值

FF:div1.getAttribute(”value”)

IE:parentElement、parement.children,element.romoveNode(true)。
FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。

---------------------------------------------------------------------------------------------------------------------------

keyCode||which||charCode

IE下支持keyCode,不支持which,charCode。
Firefox下支持keyCode,除功能鍵外,其他鍵值始終爲0,Firefox下支持which和charCode屬性

通用寫法: var keycode = window.event?event.keycode:event.whcich

            or    var eCode = event?event.keyCode:event.whcich;

----------------------------------------------------------------------------------------------------------------------------

event.srcElement||event.target
在IE下,event對象有srcElement屬性,沒有target屬性。在火狐下,event對象有target屬性,沒有srcElement屬性

通用寫法: var target = window.event?event.srcElement:event.target

----------------------------------------------------------------------------------------------------------------------------

attachEvent()||addEventListener()
IE下支持attachEvent()方法,而Firefox下支持addEventListener()方法。
attachEvent("eventType",fun) eventType是指事件類型,fun是指調用事件的函數
addEventListener("eventType",fun,flag)
addEventListener方法的前兩個參數和attachEvent方法一樣,flag參數則是一個 Boolean 值

 

======================================================================

判斷瀏覽器類型:

navigator.userAgent.indexOf(type)

type:

MSIE    :      IE

Firefox:      Firefox

Chrome:    Chrome

Safari:       Safari

Camino:    Camino

Gecko:      Gecko

判斷IE6、7、8

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章