jquery“click”vs“hold”一个超链接

Question

我在平板电脑的php网站上处理菜单操作。当然，如果一个菜单有一些超链接，点击它时，网站将被重定向到另一个网址。

这一次，我必须实现，当“点击”这个超链接不到1秒时，只有子菜单会熄灭，当“点击”和“保持”这个超链接超过1秒时，它真的重定向到另一个网址。

所以，我的想法是： -

$(function(){
    $('.menu').click(function(){
        if (holding is less than 1000ms){
            //it does nothing;
        }else if (holding is more than 1000ms){
            //it executes the hyperlink;
        }
    })
})

就jquery而言，我该如何解决？

Answer 1

尝试使用setTimeout()

var tOut;
$('.menu').on('mousedown', function () {
    console.log("this is less than one second");
    tOut = setTimeout(function () {
        alert("Holded more than one second");
    }, 1000);
});
$('.menu').on('mouseup', function () {
    clearTimeout(tOut);
});