スワイプとクリックイベントが同時に発生 - Hammer.js

Question

親要素をスワイプし、子要素をクリックしようとしています。現在、スワイプを放ちたいときにスワイプとクリックが発砲しています。

HTML

<div id="slider"> 
    <div class="broadcast__message__list__item">Try and swipe me</li> 
</div> 

JS

var slider = document.getElementById("slider"); 
Hammer(slider).on("swipeleft", function() { 
    console.log("swipe left"); 
}); 
Hammer(slider).on("swiperight", function() { 
    console.log("swipe right"); 
}); 

$(document).on("click", ".broadcast__message__list__item", function(e) { 
    console.log("click"); 
}); 

CODEPEN

Answer 1

私はそれを修正する方法を発見したが、それはハックと私は実際にそれを使用することができませんでした。

var slider = document.getElementById("slider"); 
var lastSwipe = 0; 
Hammer(slider).on("swipeleft", function() { 
    lastSwipe = new Date().getTime(); 
    console.log("swipe left"); 
}); 
Hammer(slider).on("swiperight", function() { 
    lastSwipe = new Date().getTime(); 
    console.log("swipe right"); 
}); 

$(document).on("click", ".broadcast__message__list__item", function(e) { 
    var t = new Date().getTime() - lastSwipe; 
    if(t > 100) { 
    console.log(t + " click"); 
    } 
});