对touchend采取延迟行动

时间:2014-03-28 21:19:30

标签: javascript touch delay touch-event

这是我第一次使用触控事件。我正在制作的按钮是在响应式网页上滑动侧边菜单。该按钮应该只显示触摸启动事件,并在触发touchend事件后500ms消失。

这是我的代码:

// 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);

}

此外,当我做touchmove(基本上只是移动我的手指在屏幕上)时,它无法识别'touchend'触发器。关于如何处理这个问题的任何线索?或者我应该为此打开一个新线程吗?

由于

1 个答案:

答案 0 :(得分:0)

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

基本上代码有效。我不知道为什么有时它会在一段时间后不起作用。即使清空缓存也无助于解决这个问题。

这对我来说没有任何意义,但我认为,因为没有人回答其他人可能会因尝试以某种方式重置他们的页面加载而再次尝试而受益。

喝彩!