javascript 双击事件如何获取鼠标按下时的事件和第二次点击完成后鼠标放开事件

Question

现在有一个需求，双击一个div的时候触发一个双击事件，双击按下鼠标的时候改变div的样式，当双击完成放开鼠标的时候回复原来的样式。
要实现这个功能，事件的顺序该如何去写

Answer 1

<button class = "greenBtn" onmouseup="mDown(this)" 
 ondblclick="aa()">点我</button>        

    var isdb;
function aa(){
   isdb=false;
   window.setTimeout(cc, 250)
    $(".greenBtn").css("background-color","");
   function cc(){
        if(isdb!=false)    
        alert("1");
    }
    
}
 function mDown(ele){  
   ele.innerHTML = "点我"  
   ele.style.backgroundColor = "blue"  
    }      

  


我从百度上东拼西凑，至少可以分别实现两个事件了。

Answer 2

1. 用全局变量记录鼠标点击的次数

2. 双击之后重置这个变量

3. 两次点击之间超过一定时间视为单击。

Answer 3

谢邀

mousedown click mouseup 这个事件流程你没意见吧

每次mousedown的时候，获取当前系统时间，当前系统时间和上次系统时间在300毫秒以内。本次按下为双击按下。同样道理，你已经知道那次是双击的按下，那你也就知道这个后面的mouseup肯定是双击的抬起