首页 > 解决方案 > javascript中的事件执行的停止循环

问题描述

我有一长串数据,想获取所有类型的类似数据。当我的用户在输入字段上键入时,它将显示类似的数据。当键入另一个值或输入更改时,必须停止先前的执行。但它会在每次值更改时运行整个函数。

注意:我不只想要一个匹配值,还想要所有类型的匹配值。另外,我的数据列表是一个 HTMLCollection,我使用了 for-of 循​​环。)

浏览器中输入更改的浏览器控制台

function search(target) {
  console.log('before loop')
  for (let i = 0; i < 200; i++) {
    console.log('search all similar ', target.value)
  }
  console.log('after loop')
}
<input type="text" oninput="search(this)" placeholder="search...">

停止。

标签: javascripthtmlalgorithmdomsearch

解决方案


推荐阅读