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