利用setTimeout建立能捕捉鼠标多次点击和鼠标长按的事件处理程序。

function clickThreeTime (){
  var num = 0,timer;
  document.onclick = function (){
    num++
    if(num <3){
      if(timer){
        clearTimeout(timer);
        }
      var timer = setTimeout(function (){
        num = 0;
        },500);
    }else if(num == 3){
      num = 0;
      alert('Click three times!');
      clearTimeout(timer);
      }
     };
    }

num是按下鼠标的次数，timer每隔500毫秒就将num重置为0，num == 3的时候出发时间，所以就是说：

  在500毫秒内连续单击3次，事件才会触发。

 

下面这个是长按鼠标左键才能出发的时间。

function triggerLater (){
  var timer;
  document.onmousedown = function (){
    timer = setTimeout(function(){
      alert ('Event triggered!')
      },1000);
    };
  document.onmouseup = function (){
    clearTimeout(timer);
    };
}

同样是利用setTimeout，鼠标按下的时候建立timer，松开鼠标按钮的时候删除timer；

所以说，要按下鼠标（不松开）足够一秒钟，这个事件才会触发。

转载于:https://www.cnblogs.com/SKLthegoodman/p/3508193.html