JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

Js防抖

2024. 02. 20    

JS防抖

JS中防抖函数的使用

<body>
	<input type="text">
	<script>
		const input1 = document.querySelector('input');

		const inputChange = function(e){
			console.log('ssss',this);
		}

		input1.oninput = debounce(inputChange,3000)

		function debounce(fn, delay) {
			let timer = null;
			return function () {
				let arg = arguments;
				clearTimeout(timer);
				timer = setTimeout(() => {
					fn.apply(this, arg)
				}, delay)
			}
		}

	</script>
</body>