javascript - touchend 上的延迟操作

Question

这是我第一次处理触摸事件。我正在制作一个按钮，用于在响应式网络上滑动侧面菜单。该按钮应该只显示 touchstart 事件存在，并在 touchend 事件触发后 500 毫秒消失。

这是我的代码:

// EVENT LISTENERS

function touchDown(event) {
    sliderButton.show();
}

function touchUp(event) {
    sliderButton.hide();
}

if (isMobile.any()) {
    sliderButton.hide();
    window.addEventListener("touchstart", touchDown, false);
    window.addEventListener("touchend", setTimeout(function() {
        sliderButton.hide(); //I used to invoke the touchUp function and it also didin't work, 
    }, 500), false);

}

此外，当我进行触摸移动(基本上只是在屏幕上移动手指)时，它无法识别“touchend”触发器。关于如何处理这个问题有任何线索吗？或者我应该为此打开一个新线程？

谢谢

Answer 1

我要回答这个问题，而不是删除这个问题，因为我在其他论坛上发现了同样的问题。

基本上该代码可以工作。我不知道为什么有时会出现一段时间后不起作用的情况。即使清空缓存也无法解决这个问题。

这对我来说确实没有意义，但我认为既然没有人回答，其他人可能会从尝试以某种方式重置他们的页面加载并再次尝试中受益。

干杯!