javascript - 在用户仍在输入时异步获取输入值

Question

我有一个这样的输入框

 <input type="text" placeholder="Search" id="search" />

并希望在用户仍在键入时读取内容，然后在搜索字符串匹配时显示数据。我想我需要一个异步函数，但我不知道如何继续处理字符串。

async function readSearchString(){
return document.getElementById("search").value;
}


function processString(cell, string)
{
   // Keep doing this
   var searchString = await readSearchString();
   if (cell.includes(searchString))
   {
       cell.visibility = "hidden";
   }  
}

我是否需要以某种方式无限循环地运行整个函数以不断获取用户输入？

Answer 1

您可以根据需要使用onchange、onkeyup、onkeydown 等输入事件。

function processString()
{
   var searchString = document.getElementById("search").value;
   console.log('Search key :'+ searchString);
   // You can do your search code here
   /* 
   if (cell.includes(searchString))
   {
       cell.visibility = "hidden";
   }
   */
}

<input type="text" placeholder="Search" id="search"  onkeyup="processString()">