javascript - 如何区分滚动事件和长按事件？

Question

问题 ：

SomeDomElement.addEventListener('touchstart', function preventLongPress(event) {
              
                  if (event.touches.length >=1) event.preventDefault();
                }, false);

如果我使用 : if (event.touches.length >=1) event.preventDefault();那么这可以防止长按事件但也会禁用滚动事件。

长按没有touchmove或touchend事件。

我想要什么：

防止长按但不防止滚动

注意：我只使用 vanilla Javascript，没有jQuery

标签： javascriptmobiledom-events

Answer 1

希望这会帮助你。

document.addEventListener("touchstart", function(){
    detectTap = false;
});
document.addEventListener("touchmove", function(){
    detectTap = true;
});
document.addEventListener("touchend", function(){
    if(detectTap)
        alert("scrolled"); /* here add whatever functionality you wants */
    else 
        alert("long pressed"); /* here add whatever functionality you wants */
});