如何等待自定义jQuery事件的所有侦听器执行？

Question

$(document).on('custom-event', listener1 );
$(document).on('custom-event', listener2 );

function listener1() {
    return new Promise((resolve) => {
        setTimeout(resolve, 3000);
    })
}

function listener2() {
    return new Promise((resolve) => {
        setTimeout(resolve, 10000);
    })
}


$(document).trigger('custom-event');
const afterAwaiting = true; // Need to await 10 seconds after previous line of code to execute this statement

我已经触发了自定义事件- custom-event。

需要等待所有侦听器执行其代码，

然后继续执行next语句。

Answer 1

我通过使用when找到了解决方案。

await $.when( $(document).trigger('custom-event') )

const afterAwaiting = true;

jQuery根据问题同步运行自定义事件

jQuery trigger custom event synchronously?

或者即使没有await，它也能工作。

$(document).trigger('custom-event')