js 如何判断是否是双击

kilito_01

已于 2024-11-08 16:06:19 修改

阅读量238

点赞数 2

文章标签： javascript 前端开发语言

于 2024-11-08 16:04:38 首次发布

本文链接：https://blog.youkuaiyun.com/kilito_01/article/details/143628972

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div class="dom">双击</div>
		<script src="./js/3.js"></script>
	</body>
</html>

const div = document.querySelector('.dom')

let clickTime = 0; //记录点击的时间

div.addEventListener('click',()=>{
	// 记录第一次点击的时间
	if(clickTime === 0){
		clickTime = new Date().getTime()
	}else{
		// 第二次点击是否在规定时间内 才算点击 这里设置 500 ms
		if(new Date().getTime() - clickTime < 500){
			console.log('双击了');
		}else{
			// 如果没有在规定时间内点击 第二次点击 将重置第一次点击的时间
			clickTime = new Date().getTime()
		}
	}
})