javascript - 增加在选择元素 HTML 中搜索的时间

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 7 年前。

Improve this question

你们中的任何人都知道是否有一种方法可以增加用户尝试通过键入元素名称从选择列表中选择元素之前开始搜索的时间， HTML。

• 例如:我有一个包含 100 个元素的列表，用户想要查找元素“Adam Smith”，但他的速度非常慢，并且无法快速键入以选择元素 Adam smith。您知道在这个用例中是否有办法帮助用户。

我可以使用不同的组件来代替 HTML 中的正常选择，但我正在使用旧系统，并且无法对源代码进行太多更改。不管怎样，JS 解决方案也被广泛接受

Answer 1

我认为这是 Lodash 的 debounce 方法的完美用例 .

这是一个小示例，其中函数等待触发的时间为 500:

function doSearch () {
  $('#output').html('searched: ' + $('#search').val())
}

$('#search').on('input', _.debounce(doSearch, 500));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type=text id=search />
<p id=output></p>

function doSearch () {
  console.log('do search')
}

$('#search').on('input', _.debounce(doSearch, 500));