您的位置:首页 > Web前端 > JavaScript

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

2017-10-09 10:04 309 查看
   前段时间做了一个实时操控手机的前端页面 其中涉及到的单个控件的单击 双击 长按 拖动共存觉得挺好玩的在这里给大家分享一下,废话不多说直接上代码:
$("#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*/
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: