js防止重复点击或者点击过快方法

最新推荐文章于 2025-06-27 11:30:48 发布

聆听。。花开雨落

最新推荐文章于 2025-06-27 11:30:48 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

原文链接：https://blog.youkuaiyun.com/weixin_40687883/article/details/81386127

JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现按钮点击防抖的技术，通过设置定时器来防止用户在一秒钟内连续点击按钮，有效避免了不必要的多次触发事件，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.html

<button type="button" data-val="0">00000</button>
<button type="button" data-val="1">11111</button>
<button type="button" data-val="2">22222</button>

2.js

<script>
	var isClick = true;
	$("button").on("click",function(){
		if(isClick) {
			isClick = false;
			//事件
			console.log($(this).attr("data-val"));
			//定时器
			setTimeout(function() {
				isClick = true;
			}, 1000);//一秒内不能重复点击
		}
	});
</script>