Javascript事件传播未按预期工作

Question

window.document.addEventListener('click', function(e) {
        event.preventDefault();
        event.stopPropagation();
        setTimeout(function(){e.target.dispatchEvent(e);}, 2000);
}, true);

<button onclick="console.log('test')">test</button>

为什么事件在2秒后没有触发？ （从不触发）

Answer 1

根据W3C DOM 3级事件规范 ， 事件流具有3个阶段：捕获，目标和冒泡。 如果“ …在分派之前已调用…Event.stopPropagation（），则必须跳过所有阶段 ”。

因此，由于在分派事件之前已调用stopPropagation ，因此不会执行任何阶段，包括目标phase 。