: 常应用于输入框事件keydown,keyup,搜索联想查询,只有在用户停止键盘输入后,才发送Ajax请求
原理: 它是维护一个计时器,规定在duration(延迟)一定的时间后,触发事件处理函数,但是在...*
* 一般用于输入框事件,常用场景就是表单的搜索或者联想查询,如果不使用防抖会连续发送请求,增加服务器的压力,使用防抖后,会在用户输入要查询的关键词后才发送请求,百度搜索就是这么实现的
*...如上输入框效果所示,每当输入框输入值后,当键盘弹起时,执行事件处理函数,而不应该是键入内容时都触发一次事件处理函数
同理,搜索引擎,表单联想查询功能时,不是根据用户键入的字母,数字,内容同时进行Ajax...数据请求的,如果每键入一个字母都触发一次数据请求,那就非常耗性能了的
应当是用户停止输入的时候才去触发查询请求,这个时候就用到函数防抖了的
表单的多次提交,百度搜索等都是用防抖实现的
小结:
共同点:...增加服务器的压力
* 使用防抖后,会在用户输入要查询的关键词后才发送请求,百度搜索就是这么实现的
*/
function debounce(method, duration) {
var timer