javascript - 如何在函数内等待事件监听器？

Question

我试图等待一个按钮被点击，然后再进入另一个函数。

async function foo() {
    // code before
    await ??? // wait for start button to be clicked before proceeding
    // code after
}

startButton.addEventListener("click", function() {
    return new Promise(); // ???
}, false);

如何在另一个函数中使用事件监听器？

Answer 1

return 让您走在正确的轨道上输入 new Promise() .您可以按照以下方式做一些事情:

async btnClick(btn) {
    return new Promise(resolve =>  btn.onclick = () => resolve());
}

然后在您的调用代码中:

await btnClick(startButton);