将不同事件绑定到单击和双击

最新推荐文章于 2022-11-07 23:26:06 发布

cunqu9743

最新推荐文章于 2022-11-07 23:26:06 发布

阅读量80

点赞数

文章标签： java js javascript jquery php ViewUI

双击时，您可能希望链接具有特殊操作，以防止链接的默认操作（转到另一页）。所以：

双击：执行特殊操作，根本不执行常规的点击事件
点击：正常运行

触发正常的点击动作时，您将需要稍作延迟，而在双击事件发生时可以取消该动作。

function doClickAction() {
  $("#click h2").append("•"); 
}
function doDoubleClickAction() {
  $("#double-click h2").append("•"); 
}

var timer = 0;
var delay = 200;
var prevent = false;

$("#target")
  .on("click", function() {
    timer = setTimeout(function() {
      if (!prevent) {
        doClickAction();
      }
      prevent = false;
    }, delay);
  })
  .on("dblclick", function() {
    clearTimeout(timer);
    prevent = true;
    doDoubleClickAction();
  });