dispatchEvent 不执行事件，但返回 true

Question

在 MDC 的网站上，他们有一个 dispatchEvent 的酷演示，在我的 Chrome 中运行良好15.

我正在尝试获取一个事件对象并将其传递给 dispatchEvent，并设置 这里是一个简单的情况，您将事件记录为数组，然后重播它们。

本质上，我设置了一个用于单击的窗口侦听器，然后执行 window.dispatchEvent(recordedEvent)。

我无法确定为什么事件侦听器中的事件对象的执行方式与 MDC 示例中的 initMouseEvent 中的事件不同。

我并不是真的担心让它发挥作用，我想知道为什么这不起作用，当阅读有趣的手册似乎暗示它应该这样做。

Answer 1

看起来它对我来说效果很好； 此处是更新。

编辑 - 等等 - 您是否担心它返回 true 就像调用“preventDefault()”一样？如果是这样，那么我现在理解您的困惑。

最后编辑 好的，我想我明白了这个问题。当您分派事件时，您始终从窗口分派。相反，如果您跟踪所涉及的元素，那么它就有效。

下面是有效的代码（对我来说在 Firefox 7 中）：

//Vars for the elements we're working with
var replay = document.getElementById("replay");
var replaying = false;

//Handler to record events into a data array.
var handler = function (e) {
    if (replaying) {
        console.log("replay " + e.type);
    }
    else if (e.target.tagName.toLowerCase() !== 'input') {
        return;
            }
    else {
        handler.data.push({elem: e.target, event: e});
        console.log(handler.data);
    }
};
handler.data = [];

//Listen for the click on the replay button   
replay.addEventListener("click", function(){
    //Remove listeners so we don't create some crazy
    //infinite paradox with turtles all the way down
    // window.removeEventListener("click", handler);
    replaying = true;

    //Clear the textbox out
    var status = [], obj;
    //Dispatch a bunch of stored up events
    for (var i=0; i<handler.data.length;i++){
        obj = handler.data[i];
        status.push(obj.elem.dispatchEvent(obj.event));
    }
    console.log(status);
    replaying = false;
});

//Listen for some specific events
//window.addEventListener("keyup", handler);
window.addEventListener("click", handler);

另请注意，最好避免在“重播”按钮本身上保存“单击”事件。