Comment écouter les triples clics en JavaScript ?

Question

S'il s'agit d'un double-clic :

 window.addEventListener("dblclick", function(event) { }, false);

Comment capturer un triple-clic ? Ceci est pour un onglet épinglé dans Google Chrome.

Answer 1

c'est très simple si vous le faites correctement, et vous pouvez même attraper des clics simples, doubles, triples, ... comme vous le souhaitez. javascript simple, délai de clic personnalisable (délai d'expiration) :

 var clicks = 0;
var timer, timeout = 350; // time between each click

var doubleClick = function(e) {
  console.log('doubleClick');
}

var tripleClick = function(e) {
  console.log('tripleClick');
}

// click timer
yourcontainer.addEventListener('click', function(e) {
  clearTimeout(timer);
  clicks++;
  var evt = e;
  timer = setTimeout(function() {
    if(clicks==2) doubleClick(evt);
    if(clicks==3) tripleClick(evt);
    clicks = 0;
  }, timeout);
});

Answer 2

pseudo-code :

 var clicks = 0

onclick:
clicks++;
setTimer(resetClicksToZero);
if clicks == 3: tripleclickdetected(); clicks = 0;