事件间隔条件(函数去抖) debounce 当调用动作n毫秒后,才会执行该动作。
使用场景
- 游戏射击,keydown 事件
- 文本输入、自动完成,keyup 事件
使用场景(事件)
- scroll 事件(资源的加载)
- mousemove 事件(拖拽)
- resize 事件(响应式布局样式)
- keyup 事件(输入框文字停止打字后才进行校验)
代码片段
function ajax_lookup( event ) {
// 对输入的内容$(this).val()执行 Ajax 查询
};
// 字符输入的频率比你预想的要快,Ajax 请求来不及回复。
$('input:text').keyup( ajax_lookup );
// 当用户停顿250毫秒以后才开始查找
$('input:text').keyup( _.debounce( ajax_lookup, 250 ) );
扩展
- throttle
官方地址
Thanks ~
网友评论