什么是抖动?
在input
框输入的时候,当我们监听input
事件的时候,由于input
事件是一旦输入框内容发生改变就触发我们绑定的回调函数,在实际当中我们往往会根据输入框内容去发送一些请求,这样一旦改变就触发无疑是耗时的,而且影响性能,这个时候,我们就可以使用防抖动。实现的大概思路就是我们可以自定义隔多长时间来触发我们的处理操作(例如ajax
请求数据等)
实现
var timer = null
element.input = function () {
clearTimeout(timer) // 每次进来的时候都将之前的清除掉,如果还没到一秒的时候就将之前的清除掉,这样就不会触发之前setTimeout绑定的事件, 如果超过一秒,之前的事件就会被触发下次进来的时候同样清除之前的timer
timer = setTimeout(function () {
// 在这里进行我们的操作 这样就不会频繁的进行我们这里面的操作了
}, 1000)
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。