IE与FireFox的兼容性问题

最新推荐文章于 2026-06-12 23:30:00 发布

转载最新推荐文章于 2026-06-12 23:30:00 发布 · 451 阅读

标签

#firefox #ie

收录于

web 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了Internet Explorer (IE) 与 Firefox 在处理鼠标事件和获取窗口尺寸方面的差异。具体包括window.event对象的存在与否、鼠标坐标获取方式的不同（如event.x、event.y与event.pageX、event.pageY）、元素坐标获取方式的差异（如event.offsetX与event.layerX）以及窗口高度和宽度获取方法的区别。

转自 http://blog.csdn.net/hahawen/archive/2007/10/02/1809475.aspx

IE与FireFox的兼容性问题（JoeCom整理--未完待续）

window.event

IE：有window.event对象
FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
鼠标当前坐标

IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：两者都有event.clientX和event.clientY属性。
鼠标当前坐标(加上滚动条滚过的距离)

IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。
标签的x和y的坐标位置：style.posLeft 和 style.posTop

IE：有。
FF：没有。
通用：object.offsetLeft 和 object.offsetTop。
窗体的高度和宽度

IE：document.body.offsetWidth和document.body.offsetHeight。注意：此时页面一定要有body标签。
FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用：document.body.clientWidth和document.body.clientHeight。