首页 > 其他 > 详细

mousedown 和 click 事件冲突

时间:2020-07-09 11:11:07      阅读:54      评论:0      收藏:0      [点我收藏+]

话不多说直接上代码

 

 var key = false; // 设置了一个标志 false为点击事件 ture为鼠标移动事件
 var firstTime = 0;
 var lastTime = 0;
 $("#" + this.idname + "_parent").click(() => {
   if (key) {
     key = false;
   }
 });
 $("#" + this.idname + "_parent").mousedown(() => {
   firstTime = new Date().getTime();
 });
 $("#" + this.idname + "_parent").mouseup(() => {
  // 鼠标抬起后 记录时间 超过200ms就是移动事件
   lastTime = new Date().getTime();
   if ((lastTime - firstTime) < 200) {
     $("#" + this.idname + "_parent").draggable({
       containment: "#div_map",
       stop: (event, ui) => {
        // 鼠标左键, 拖拽之后
        ---你的操作代码---
       }
     });
   }
 });

mousedown 和 click 事件冲突

原文:https://www.cnblogs.com/WoAiZmm/p/13272221.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!