javascript - html-マウスが数秒間クリックされた場合にイベントをトリガーします

Question

私はこれを行う方法を知る必要があります。

リンクを2〜3秒間クリックしたときに、イベントをトリガーする必要があります。1秒未満の場合は、何も実行されません。

私のメッセージが伝わったことを願っています。

Answer 1

これを実現するためにタイマーを使用できます。

var pressTimer

$("a").mouseup(function(){
  clearTimeout(pressTimer)
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  pressTimer = window.setTimeout(function() { ... your code ...},1000)
  return false; 
});

これがあなたのために働くかどうか見てください！:)

Answer 2

var timer;
$(function(){
    $('#ele').mousedown(function(){
        timer = setTimeout(function(){
           timer = '';
        },1000);
    }).mouseup(function(){
        if(timer != ''){
            window.clearTimeout(timer);
        }
    }); 
});