php - jquery“单击”与“保持”超链接

Question

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

这一次，我要实现，当“点击”这个超链接不到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);
});