javascript - HammerJS 在拖动后触发点击

Question

我有一个完美工作的 hammerjs 拖动监听器，它可以像我期望的那样捕获拖动。但是，当您放手时，在 dragend 被触发 之后，它也会触发 click 事件。因此，如果您单击以拖动(移动)目标，并且光标恰好位于链接上，当您松开(放下)时，它会触发对链接的单击，这是我不希望的。

这是我的代码:

$('.draggable').hammer({
    drag_min_distance: 0,
    drag_max_touches: 2,
    drag_lock_to_axis: true,
    drag_lock_min_distance: 30
}).on('drag', handleMiddleEvent)
  .on('dragstart', handleStartEvent)
  .on('dragend', handleEndEvent);

如果我 console.log 所有三个处理程序上的 event 和 console.log 在所有链接上单击 events，我会得到这样的结果在我的控制台中:

dragstart
dragmiddle
dragmiddle
dragmiddle
dragmiddle
dragend
click

我想避免最后的点击。我尝试将 event.stopPropagation() 添加到所有 handle 方法，但无济于事。

Answer 1

尝试在链接上使用 Hammer.js tap 事件而不是 click 事件。