在 Firefox 中执行对 field.onchange 的引用

Question

我有 HTML 代码，它从表单调用 javascript 函数，使用：

<form name="f" id="f" ...>
  <input name="myField" onchange="doFunct(f.myField.value,f.yourField);" />
  <input name="yourfield" onchange="doFunct(f.yourField.value,f.anotherField);" />
...

在 javascript 代码中：

function doFunct(field,dest){
    // do something with field
    dest.value = field;
    // see if the dest has a change field
    if (dest.onchange !== null) {
        //we have an onchange function, so let's do it!
        dest.onchange();
    }
}

这在 Safari、Opera 和 Chrome 中运行良好。它在 FireFox 中失败并出现错误：

错误：dest.onchange 不是函数

关于如何在 FireFox 中从 javascript 执行“dest.onchange()”有什么建议吗？

我需要这种功能来级联对输入表单中字段的更改。

Answer 1

要执行事件，请勿添加“on”前缀，只需运行 dest.change();

Answer 2

经过更多研究，在我的 O'Reilly JavaScript Pocket Reference 中，我发现有一个段落指出：

null （和 undefined）

JavaScript 关键字 null< /code> 是一个特殊值，表示“无值”。如果变量包含 null，您就知道它不包含任何类型的有效值。 JavaScript 中还有另一个特殊值：未定义值。这是当您使用未声明或未初始化的变量或使用不存在的对象属性时返回的值。 此值没有 JavaScript 关键字。

在使用alert(dest.onchange)进行一些测试后，我发现 Firefox 并没有抱怨每次调用dest.onchange()，而是仅那些错误（未定义）。显然（Grrrr！）Firefox 没有收到备忘录：[此值没有 JavaScript 关键字。]

如果我更改代码来测试 dest.onchange !== undefined< /code> 然后 Firefox 很满意，但 Safari、Opera 和 Chrome 在测试中失败了。如果我按如下方式更改代码，它就可以在所有四种浏览器中运行。

if ( (dest.onchange !== null)                // test for safari, chrome, opera
     && (dest.onchange !== undefined) ) {    // test for firefox
    //we have an onchange function, so let's do it!
    dest.onchange();
}

我花了 8 个小时试图找出 Firefox 运行不佳的原因。