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;