php - jquery「クリック」とハイパーリンクの「ホールド」

Question

タブレットの PHP Web サイトでメニュー アクションを扱っています。もちろん、メニューにハイパーリンクが含まれている場合、それをクリックすると、Web サイトは別の URL にリダイレクトされます。

今回は、このハイパーリンクを1秒未満「クリック」するとサブメニューのみが表示され、このハイパーリンクを1秒以上「クリック」して「保持」すると、実際にリダイレクトされます別の URL に移動します。

だから、私の考えは： -

$(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);
});