如何区分鼠标的单击和双击事件

鼠标的单击事件:onclick
鼠标的双击事件:ondblclick
原理:鼠标的每次按下抬起都会算作是一次单击事件 , 在短时间内的两次按下抬起是双击事件。
利用延时器:setTimeout 让单击事件不是立即执行,而是等到检测玩是否是双击事件的时候在执行;

var timer = 0;
redDiv.onclick=function(){
clearTimeout(timer)
timer=setTimeout(function(){
console.log('单击,送爱心');
},200);
}
redDiv.ondblclick=function(){
clearTimeout(timer)
console.log('双击 保存我');
}

你可能感兴趣的:(如何区分鼠标的单击和双击事件)