键盘抬起触发事件,首先清除定时器,再开启定时器。只要小于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>