javascript - 在 jQuery 中限制事件调用

Question

我有一个 keyup 事件绑定(bind)到一个需要大约四分之一秒才能完成的函数。

$("#search").keyup(function() {
  //code that takes a little bit to complete
});

当用户键入一个完整的单词，或者以其他方式快速按键时，该函数将被连续调用多次，并且需要一段时间才能完成。

有没有一种方法可以限制事件调用，这样如果有多个事件快速连续调用，它只会触发最近调用的那个？

Answer 1

看看jQuery Debounce .

$('#search').keyup($.debounce(function() {
    // Will only execute 300ms after the last keypress.
}, 300));