javascript - dispatchEvent 不工作

Question

如演示中所示，dispatchEvent 未按预期工作。

http://jsfiddle.net/DerekL/V8uEN/

关键部分:

btn.dispatchEvent(
    document.createEvent("MouseEvent")
    .initMouseEvent("click", true, true, window, 0,
        0, 0, 0, 0,
        false, false, false, false,
        0, null)
);

加载后 1 秒后应该会弹出一个警告，但它没有出现并且控制台中出现错误:

Uncaught InvalidStateError: Failed to execute 'dispatchEvent' on 'EventTarget': The event provided is null.

我不知道问题出在哪里，因为我发现了一个 demo几乎使用完全相同的代码，它可以工作，但不是我的。

Answer 1

btn.dispatchEvent(
    document.createEvent("MouseEvent")
    .initMouseEvent("click", true, true, window, 0,
        0, 0, 0, 0,
        false, false, false, false,
        0, null)
);

您的问题是 initMouseEvent 没有返回任何内容。您不能将所有这些组合成一行。您需要将其分解。

var mEvent = document.createEvent("MouseEvent");
mEvent.initMouseEvent("click", true, true, window, 0,
    0, 0, 0, 0,
    false, false, false, false,
    0, null);

btn.dispatchEvent(mEvent);

这就是您链接到的演示中的完成方式。