javascript - 同じイベントの次のイベントが発生したときに前のイベントを停止する

Question

searchBox.live('input', function(){
    //search in a json object
    //update the dom based mathes
});

検索ボックスに新しい入力が入力されたときに以前の検索を停止するにはどうすればよいですか

Answer 1

あなたの目標は、ユーザーが入力を終えた後にのみ検索することだと思いますよね? このような場合、次の方法で実際の検索の実行を遅らせます。

var searchTimer = 0;
searchBox.live('input', function(){
    window.clearTimeout(searchTimer);
    searchTimer = window.setTimeout(function() {
        //search in a json object
        //update the dom based mathes
    }, 500);
});

これにより、ユーザーが入力を入力してから 0.5 秒後に検索がトリガーされ、以前のすべての呼び出しがキャンセルされます。