js函数防抖

最新推荐文章于 2024-08-21 09:15:00 发布

裴嘉靖

最新推荐文章于 2024-08-21 09:15:00 发布

阅读量96

点赞数

分类专栏： js 文章标签：前端性能防抖 HTTP请求 keyup事件前端优化

本文链接：https://blog.csdn.net/peijiajing/article/details/120783202

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

上代码，自己测试。防抖简单说就是减少http请求，前端性能优化

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div>
			<input type="text" name="" id="user_input" value="" />
		</div>
	</body>
	<script type="text/javascript">
		let input = document.getElementById('user_input')
		let id
		input.addEventListener('keyup', function() {
			let data = input.value
			clearTimeout(id)
			id = setTimeout(() => {
				mockAjax(data)
			}, 300)
		})
		function mockAjax(data) {
			console.log(`sendAjax-----${data}`)
		}
	</script>
</html>