js 单个控件的单击 双击 长按 拖动共存方案

   前段时间做了一个实时操控手机的前端页面 其中涉及到的单个控件的单击 双击 长按 拖动共存觉得挺好玩的

在这里给大家分享一下，废话不多说直接上代码：

  $("#mouseOver").click(function (event) {
    clearTimeout(timer);
    timer = setTimeout(function (){
        if (movedown == false) {
            console.log("Start run click");
            /*click things*/
        }else{
            /*click cancle*/
        }    }, 300);  });  

  $("#mouseOver").mousedown(function (event){     

     movedown = false;     

     clearTimeout(movedowntimer);     

     movedowntimer = setTimeout(function(){         

        /*swipe and hold things*/

        movedown = true;     

     },300);  });

  $("#mouseOver").mouseup(function (event){
    console.log(movedown);
    if(movedown){      
        /*swipe and hold things*/
    }else{        

        clearTimeout(movedowntimer);    

    }  });  

  $("#mouseOver").dblclick(function (event) {    

        clearTimeout(timer);    

        if(com == false){           

           return;    }  
    /*double click things*/
  });