Überprüfen Sie, welche Maustaste gedrückt wurde und ob es ein Doppelklick ist?

Question

Ich habe eine Leinwand, die für Maus-down-Ereignis abhört ... aber ich wollte es detaillierter machen, indem ich auf die Tasten höre und wenn es Doppelklicks waren oder nicht.

Ich habe dies:

canvas.addEventListener("mousedown", what_button, false); 

Dann wird eine Funktion mit dem Namen what_button:

function what_button(e){ 
//check which button on the mouse 
//was it a double click ? 

} 

Ist das möglich in JavaScript?

Answer 1

Ich glaube nicht, dass das Ereignis 'mousedown' voraussehen kann, ob ein zweiter Mausklick auftritt oder nicht. Sie werden beide binden, müssen 'click' und 'dblclick' und dann das Verhalten außer Kraft setzen, wenn ein Doppelklick aufgetreten ...

im Handler die e.button Eigenschaft erfahren Sie, welche Schaltfläche geklickt wurde:

0 => left 
1 => middle 
2 => right 

---

Dies funktioniert für mich:

var dblclick; 
var timeout; 

$(document).on('click', function (e) { 
    if (!timeout) { 
     timeout = setTimeout(function() { 
      timeout = 0;   
      handler(dblclick ? 'dblclick' : 'click'); 
      dblclick = false; 
     }, 200); 
    } 
}); 

$(document).on('dblclick', function (e) { 
    dblclick = true; 
}); 

// this function receives either 'click' or 'dblclick' 
// and performs the corresponding action 
function handler (type) { 
    alert(type); 
} 

Live-Demo:http://jsfiddle.net/f73tY/1/

Ich verwende einen Verzögerungswert von 200. Ich habe festgestellt, dass (zumindest auf meiner Maschine) ein Wert von 100 keinen Doppelklick erkennt.

Answer 2

Verwendung click/dblclick:

var button = document.getElementById('myButton'); 

button.ondblclick = function() { 
    doubleClick = true; 
};​ 

Sie auch, dass die Informationen hinzufügen können in Ihrem Code ein normalClick = false dann verwenden.