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;

 

 

 

 

 

 

 

 

 

 

 

 

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