jquery - 移动设备上的单击和双击事件

Question

我正在尝试让点击/双击功能在移动浏览器上运行。我有以下代码:

$(function() {
  $(".vppop").mouseenter(function() { // Desktop browsers only
      $(".vppop").addClass("vppopscale");
  });
  $(".vppop").mouseleave(function() { // Desktop browsers only
      $(".vppop").removeClass("vppopscale");
  });
  $(".vppop").on('tap', function(e) { // Mobile browsers only
      e.preventDefault(); // Stop from following link
      $(".vppop").addClass("vppopscale").delay(300).removeClass("vppopscale");
  });
  $(".vppop").on('doubletap', function() { // Mobile browsers only
      // Go to Link
  });
});

使用手指插件进行移动事件:https://github.com/ngryman/jquery.finger

无法获取点击事件来阻止链接跟踪，并且不确定双击事件需要什么才能使其跟踪链接。感谢您的帮助。

Answer 1

我刚刚看到这个问题。这可能已经太晚了，但是如果您将Finger更新到最新版本，您将能够通过这种方式防止默认行为。旧版本不支持此功能。

但是，如果您将 tap 和 doubletap 事件监听器附加到同一元素，并且 tap 会阻止默认行为，那么它将也适用于doubletap。

因此您可能需要在 doubletap 监听器中手动打开链接:

$(".vppop").on('doubletap', function() { // Mobile browsers only
    window.location = this.href;
});

希望这会有所帮助，即使有点晚了:)