js前端双击事件和单击事件作用于同一元素的解决方式

最新推荐文章于 2025-05-10 22:06:54 发布

原创最新推荐文章于 2025-05-10 22:06:54 发布

· 1.2k 阅读

3 ·

版权

前端，SublimeService 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了JavaScript中防抖(debounce)与节流(throttle)的技术实现，通过具体代码示例展示了如何使用setTimeout和clearTimeout来区分单击与双击事件，有效避免事件处理函数的过度触发，提升用户体验和程序性能。

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

    var timeClean;

	$('#id').click(function() {
	 clearTimeout(timeClean);//clear双击中的第二次单击事件。
	  timeClean = setTimeout(function() {
	    console.log("这是单击事件111");
	    //your code
	  }, 500);
	});
	
	$('#id').dblclick(function() {

	  clearTimeout(timeClean);//clear双击中的第一次单击事件。
	  console.log("这是双击事件");
	  //your code
	});