Mozilla下兼容IE的JavaScript代码示例：定义getter/setter与事件处理

在 Mozilla 浏览器中，JavaScript开发者常常需要处理兼容性问题，尤其是当他们希望在支持标准DOM方法（如insertAdjacentHTML, currentStyle, attachEvent, detachEvent 等）的同时，确保在不支持这些特性的Internet Explorer（IE）中也能正常工作。为此，Erik Arvidsson 和 webfx 提供了一些有用的代码片段来增强或模拟这些功能。 首先，代码检查是否是在Mozilla（通常是Firefox）浏览器中运行，如果是，则会进行一系列的环境设置。这包括： 1. `extendEventObject()` 函数：这个函数扩展了 Event 对象，添加了几个关键属性，如 `returnValue`、`cancelBubble`、`fromElement` 和 `toElement`。它利用 `__defineSetter__` 方法来定义这些属性的setter，允许开发者通过设置这些属性来控制事件的默认行为和传播。例如，`cancelBubble` 的设置可以让开发者阻止事件冒泡到父元素。 2. `emulateEventHandlers` 函数：该函数模拟了IE中常见的事件处理器，如 click、dblclick、mouseover 等，使它们在Mozilla中可用。这对于那些依赖于IE特有的事件监听机制的代码来说是至关重要的。 3. `emulateCurrentStyle`：此部分用于模拟获取元素的CSS样式，因为在不同浏览器中获取CSS值的方式可能不同，通过这个函数，开发者可以确保在Mozilla中获得类似IE的行为。 4. `Event.LEFT`, `Event.MIDDLE`, `Event.RIGHT` 常量：由于IE和Mozilla对于鼠标按钮编号的处理不同，这里定义了统一的事件按钮常量，方便开发者理解和处理。 在Mozilla之外的环境中（即IE），代码则重置了Event对象并设置了默认的按钮映射，因为IE返回的按钮编号与Mozilla不同。 这段代码提供了一种在Mozilla和IE之间进行JavaScript代码适配的方法，确保了在各种浏览器环境下，关键的交互和功能都能得到一致的表现。这对于开发兼容多浏览器的应用程序至关重要，节省了开发者大量的兼容性测试工作。