javascript - Javascript - 无法在 Firefox 中手动触发事件

Question

Chrome 26.0.1410.64 和 Firefox 21.0 之间似乎存在不一致

考虑http://jsfiddle.net/ZLPkk/9/

<div id="settings">
    <div><input id="override-1"></div>
    <div><input id="override-2"></div>
    <br>
    <input type="button" value="Save" id="save" disabled="disabled">
</div>

和

var save = document.getElementById('save');
var settings = document.getElementById('settings');
var value = document.getElementById('override-1');
var value2 = document.getElementById('override-2');

settings.addEventListener('change', function () {
    save.disabled = false;
}, false);

value.addEventListener('click', function () {
    value.disabled = true;
    value2.addEventListener('click', function () {
        value.value = 'wasd';
        value.disabled = false;
        var change = new CustomEvent('change', {
            bubbles: true,
            cancelable: true
        });
        //setTimeout(function () {
        value.dispatchEvent(change);
        //}, 1000);
    }, false);
}, false);

在 Chrome 中，单击第一个文本框，然后单击第二个文本框启用保存按钮（如预期的那样）。在 Firefox 中它没有。

如果您取消注释与 setTimeout 对应的行，它在两者上都可以正常工作 - http://jsfiddle.net/ZLPkk/10/

我是否误解了事件的工作方式，这是规范允许的歧义？或者这是 Firefox 中的错误？铬合金？或者，也许我遗漏了一些明显的东西。

Answer 1

尝试：

value.addEventListener('click', function () {
    value.disabled = true;
    value2.addEventListener('click', function () {
        value.value = 'wasd';
        value.disabled = false;
        var change = new CustomEvent('change', {
            bubbles: true,
            cancelable: true
        });
        settings.dispatchEvent(change);
    }, false);
}, false);