Firefox下修复IE专属DOM方法：自定义原型解决方案

本文档主要讨论了如何在Mozilla Firefox浏览器（通常简称为Firefox）中添加或修正那些原本仅在Internet Explorer (IE)下有效的方法和属性，特别是针对JavaScript中遇到的问题。问题的核心在于，某些JavaScript函数如`removeNode`和`swapNode`在Firefox中不被支持，这可能会影响互换`select`元素的功能。 IE浏览器中存在一些特有的事件处理特性，例如`event.returnValue`、`event.cancelBubble`等，它们允许开发者更精细地控制事件的传播和取消。然而，在Firefox和其他非IE浏览器中，这些属性可能不存在或者行为不同。为了解决这个问题，作者提到可以利用JavaScript原型对象（`__defineSetter__`和`__defineGetter__`）来自定义Event对象，以在Firefox中模拟这些在IE特有的行为。 作者提供的修改方案中，首先检查`window.Event`是否存在，如果存在，则对Event原型进行扩展，定义或重写特定的setter和getter方法。例如： 1. `event.returnValue`: 在Firefox中，如果想让`event.preventDefault()`的行为生效，可以定义一个setter函数，当尝试设置`returnValue`时，会检查传入的值，如果值为`false`则调用`preventDefault()`。 2. `event.cancelBubble`: 类似地，通过`__defineSetter__`为`cancelBubble`属性设置一个setter函数，以便控制事件是否停止向上冒泡。 3. `event.srcElement` 和 `event.fromElement`: 为这两个属性提供getter函数，分别获取当前事件的目标元素（target）和鼠标移出的源节点，即使在Firefox中没有这些原生属性，也可以通过遍历DOM树实现。 通过这些自定义方法，开发者可以在Firefox环境下实现类似IE中的行为，从而确保在两种浏览器中都能保持功能的兼容性。这个解决方案强调了JavaScript编程时跨浏览器兼容性的考虑，以及如何利用原型链来扩展浏览器原生对象的功能。