延迟 .keyup() 处理程序直到用户停止输入

最新推荐文章于 2025-08-23 14:57:07 发布

原创最新推荐文章于 2025-08-23 14:57:07 发布 · 652 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #javascript #php

本文介绍了一种使用函数节流技术优化输入监听的方法。通过定义`functionDelay`函数来控制事件触发频率，避免短时间内频繁触发导致性能下降。具体实现中，利用`setTimeout`和`clearTimeout`组合实现延迟执行，有效减少了不必要的函数调用。

example:

	function delay(fn, ms) {
		let timer = 0;
		return function(...args) {
			clearTimeout(timer);
			timer = setTimeout(fn.bind(this, ...args), ms || 0);
		}
	}

	$('input[name="example"]').keyup(delay(function (e) {
		// to do something ....
		console.log('Time elapsed!', this.value);
	}, 500));