当用户停止或暂停输入时，只调用一次 onkeyup 下的方法

Question

我有一个实时搜索方法，可以在您在文本框中键入时进行搜索。它使用的服务需要很长时间，因此我决定仅在用户暂停或停止输入 n 秒（例如 0.5 秒）时调用搜索服务。在这样做的同时

j$132('#AdvanceSearch table:first input').unbind('keyup').keyup(function () {
    window.setTimeout(function () {
        LoadAdvanceSearch();
    }, 500);
});

它等待 500 毫秒，这很好，但是对于每个键，它等待然后发送另一个服务调用。

是否有一个技巧，在 onkeyup 下它只在用户完成输入时调用该方法一次。

Answer 1

我会做这样的事情；

var keyTimer;

j$132('#AdvanceSearch table:first input').keyup(function () {

    if(keyTimer){
        clearTimeout(keyTimer);
    }
    keyTimer = setTimeout(function () {
        LoadAdvanceSearch();
    }, 500);

});

如果尚未触发，它将每次清除超时。因此，只有当用户停止输入半秒时它才会运行。