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);  
	};

猜你喜欢

转载自www.cnblogs.com/lovemomo/p/9133867.html
今日推荐