javascript - jQuery/backbone.js - 延迟函数调用

Question

我有一个 #search 元素，当 keyup 事件发生时应该触发一个函数。只有在设定的时间内(例如 500 毫秒)未发生 keyup 时，才应触发此函数。这将防止搜索结果更新按下的每个字母。问题是使用 backbone.js，我的事件在一个散列中，适用的看起来像:

'keyup #search' : 'setSearch'

当 keyup 事件发生时调用 setSearch() 函数。我现在还不太清楚如何处理它。我已经尝试了多种方法，但没有什么可以在函数结束后维持计时器。

我有这样的东西:

setSearch: function(event) {
            var timer = window.setTimeout( function() {
                // run function here
                alert('fired');
            }, 500);
    },

而不是 alert('fired')，我将运行我自己的函数。我明白为什么这段代码不起作用(为发生的每个 keyup 事件设置一个计时器。但我仍然不清楚我还能尝试什么。

Answer 1

你要找的其实是underscore.js提供给你的函数(Backbone的需求)

 setSearch: _.throttle(function() {
                //Do Stuff
              }, 500),

简而言之，这将返回一种新形式的匿名函数，每 500 毫秒只能调用一次。您可能需要根据需要调整时间。

更多信息: http://documentcloud.github.com/underscore/#throttle