如何在 Javascript 中使事件处理程序非阻塞

如何解决如何在 Javascript 中使事件处理程序非阻塞

这里，如果你在 input 中输入一个键并查看浏览器控制台，你可以看到在执行 for 循环后，输入的字母会出现在这里。 如何让信件立即出现？

document.querySelector('input').addEventListener('input',() => {
  for(let i=0; i<=1000; i++) {
    console.log(i);
  }
})

<input type="text"/>

解决方法

你可以试试吗？

document.querySelector('input').addEventListener('input',async () => {
      for(let i=0; i<=1000; i++) {
        console.log(i);
      }
 })

显然您的回调阻塞了线程的执行，这就是它必须等到 for 循环完成的原因。