스 와이프 및 클릭 이벤트가 동시에 발생 함 - 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"); 
    } 
});