【JS】input输入框根据输入内容实现延时动态搜索,类似百度搜索

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

<div class="layui-inline">
    <input id="condition" type="text" value="" autocomplete="off" name="condition" placeholder="可以输入......" class="layui-input search_input">
</div>


<script>
   	var timeout;  
	document.querySelector("#condition").onkeyup = function(event) {
    	clearTimeout(timeout);  
    	timeout = setTimeout(function() {  
        	alert(document.querySelector("#condition").value) 
    	}, 1000);  
	 };
</script>
发布了35 篇原创文章 · 获赞 33 · 访问量 4935

猜你喜欢

转载自blog.csdn.net/wkw1598727534/article/details/100098733