input输入框延时发送请求问题

同样是面试遇到的问题,input输入框,怎么减少发送请求次数。

键盘抬起触发事件,首先清除定时器,再开启定时器。只要小于1s的连续输入,都会先把上一次定时器清除。停顿一秒后,开始执行请求事件(此处为console.log)。

    	var timeout;  
	document.querySelector(".btn").onkeyup = function(event) {
		clearTimeout(timeout);  
		timeout = setTimeout(function() {  
			console.log(document.querySelector(".btn").value) 
		}, 1000);  
	};

 

posted @ 2018-06-04 16:08  若鱼灬  阅读(2015)  评论(0编辑  收藏  举报