jquery - 一段时间间隔后的 Keyup 事件

Question

我有这个 jQuery 代码，用于查询 keyup 事件上的 API(通过 keyterms.php)。它按原样工作，但我试图弄清楚如何实现“暂停”，可以这么说，这样它只会在最后一次按键后一定时间(例如 2 秒)后执行查询。任何帮助都感激不尽。谢谢!

$(document).ready(function() {
    $('#loading').hide();
    $('#q').keyup(function(){
      $('#loading').show();
      $.post("keyterms.php", {
        q: $('#q').val()
      }, function(response){
        $('#qResult').fadeOut();
        setTimeout("finishAjax('qResult', '"+escape(response)+"')", 400);
      });
        return false;
    });
});

Answer 1

您可以使用 StackOverflow 用于其 Users Page 的 jQuery 插件;它叫做 TypeWatch

它可以像这样应用:

<input type="text" id="tb" />


<script>
$("#tb").typeWatch({ highlight: true, wait: 500, captureLength: -1, callback: finished });
</script>

在本例中，finished 是一个回调函数(引用)，当距离最后一个 keyUp 事件超过输入时间(在本例中为 500 毫秒)时，将调用该函数。

这里是它所采用的参数的简短描述(它实际上采用一个参数，一个对象，并且它的属性用作输入参数):

• 突出显示:美观，确定当文本框获得焦点时文本是否应突出显示。默认true
• 等待:插件认为输入已完成之前等待的毫秒数。默认750。
• captureLength:允许事件触发之前所需的最小字符数。默认2。
• 回调:用户“完成”输入后回调的函数。默认无效

有关此插件的实时演示，请查看 Users Page