如何等待自定义事件所有处理器（含异步）执行完成后执行后续逻辑

核心可行性结论 #

• 针对同步事件处理器的拦截需求完全可实现，属于前端事件类、拦截类库的常规设计方向，没有技术障碍。
• 针对完全无约束的异步事件处理器，不存在100%可靠的原生实现。核心原因是浏览器原生addEventListener、jQuery默认的$.on机制不会对外暴露已绑定的处理器列表，也不会收集处理器的返回值（包括异步返回的Promise），没有内置的「所有处理器执行完成」生命周期钩子，在完全不侵入事件绑定逻辑的前提下，无法追踪用户编写的任意异步操作的执行时机。

同步场景的标准实现 #

你当前示例中的同步逻辑已经可以正常工作：触发事件时所有同步绑定的处理器会按照绑定顺序同步执行完毕，执行完成后直接检查拒绝标记即可，完全匹配你前三次triggerEvent()调用的预期结果。
实现时只需要注意：

• 自定义传入的reject回调要保持引用稳定，避免不同次触发事件时标记变量污染
• 每次触发事件前要重置拒绝标记，避免上一次的拒绝状态影响本次判断

异步场景的折中实现方案 #

如果要兼容异步处理器，只能通过「契约约定+可选侵入式增强」的方式实现，没有无成本的完美方案，可选实现路径如下：

1. 约定异步处理器返回Promise（推荐）
   你可以在库文档中明确交互契约：如果用户编写的事件处理器包含异步逻辑，必须将处理器定义为async函数/返回Promise对象。你可以在库初始化阶段，对需要监听自定义事件的目标元素做轻量patch：劫持元素的addEventListener、removeEventListener以及jQuery实例的on、off方法，自行维护一份绑定处理器列表。触发自定义事件时，依次执行列表中的处理器，收集所有返回值，用Promise.all()等待所有返回的Promise落定后，再检查拒绝标记执行后续逻辑。
   这个方案的局限是：如果用户在你patch方法之前就绑定了事件，或者使用了第三方类库提供的、非标准的事件绑定方法，你将无法收集到对应的处理器。
2. 显式完成回调契约
   在传给事件处理器的参数中除了reject方法外，额外增加done回调，要求异步处理器在所有逻辑（包括定时器、接口请求等）执行完成后主动调用done。你内部维护一个待完成计数器，初始值等于当前绑定的处理器数量，每调用一次done计数器减1，计数器归0后再检查拒绝标记执行后续逻辑。
   这个方案的局限是完全依赖用户遵守契约，如果用户忘记调用done，会导致流程永久挂起，需要额外加超时兜底逻辑。
3. 固定时长兜底（不推荐）
   触发事件后固定等待一个预设时长（比如200ms）再检查拒绝标记，这个方案可靠性极差，异步操作时长超过预设值就会出现判断错误，仅可作为无契约场景下的临时兜底。

设计方向建议 #

• 同步事件拦截的设计完全合理，路由守卫、表单提交拦截、快捷操作阻止等常见前端场景都在使用同类模式，可以放心落地。
• 不要追求无约定兼容所有异步写法，原生事件模型从底层就不支持这个能力，强行魔改事件逻辑反而容易引入和其他类库的冲突、内存泄漏等问题。最优实践是默认支持同步处理器，文档明确说明异步场景的使用约定，遵守约定即可获得异步等待能力。

预期用法参考代码 #

const $body = $("body")
async function triggerEvent() {
    let isRejected = false;
    // 自定义事件传参
    const eventArg = {
        reject: () => { isRejected = true }
    };
    const handlerResults = [];
    // patch过的trigger逻辑会收集所有处理器返回值，等待所有Promise落定
    $body.trigger('custom-event', eventArg, handlerResults);
    await Promise.all(handlerResults);
    
    if (isRejected) {
         console.log('stop');
    } else {
         console.log('proceed');
    }
}

// 同步场景测试
triggerEvent(); // 输出 'proceed'
$body.on('custom-event', function(e, o) {
    console.log('do nothing');
});
triggerEvent(); // 输出 'do nothing' 然后 'proceed'
$body.on('custom-event', function(e, o) {
    console.log('reject');
    o.reject();
});
triggerEvent(); // 输出 'do nothing' 然后 'reject' 然后 'stop'

// 异步场景遵守「返回Promise」契约即可正常工作
$body.off('custom-event');
$body.on('custom-event', async function(e, o) {
    return new Promise(resolve => setTimeout(() => {
        console.log('reject');
        o.reject();
        resolve();
    }, 5000));
});
triggerEvent(); // 等待5秒输出'reject'，再输出'stop'，不会提前输出'proceed'

内容的提问来源于stack exchange，提问作者syl