可以使用异步处理来解决这个问题,例如使用async/await或Promise等异步编程工具。以下是一个使用async/await的示例代码:
async function handleClick() {
try {
await doSomethingThatTakesTime();
// 按钮点击后需要进行的操作
} catch (error) {
console.error(error);
}
}
function doSomethingThatTakesTime() {
return new Promise(resolve => setTimeout(resolve, 1000));
}
在上面的示例中,当按钮被点击时,我们使用async/await来保证异步操作不会堵塞主线程。doSomethingThatTakesTime函数模拟了一个耗时的操作,等待1秒钟后解析Promise。
如果您不熟悉async/await和Promise,可以查看相关文档来了解更多信息。
上一篇:按钮点击时无法更改按钮文本
下一篇:按钮点击时异步任务函数不起作用