Wie lässt sich ein HTML-Element anders auf Einzel- und Doppelklick reagieren?

Question

Normalerweise wird beim Doppelklicken auf einzelne Klicks aufgerufen. Gibt es eine Methode, um Onclick zu übertreffen und zu warten, wenn der zweite Klick in kurzer Zeit kommt?

Answer 1

Ja.

Verwenden Sie das Ereignis ondblclick für Dinge, die nur bei Doppelklick passieren sollten. https://developer.mozilla.org/en/DOM/element.ondblclick

Beachten Sie, dass der onClick-Ereignishandler auch bei einem Doppelklick ausgelöst wird. Wenn dieses Verhalten unerwünscht ist, können Sie das Ereignis auf einen Zeitgeber festlegen und diesen Zeitgeber anschließend innerhalb des Ereignishandlers mit Doppelklick abbrechen.

Answer 2

Nr (ish)

Im Gegensatz zu einigen OS oder Geräte, die die click Handler zu verarbeiten warten, bis die dblclick Verzögerung abgelaufen ist, werden Sie zwei click Ereignisse erhalten, wenn Sie einen Doppelklick auf. Beispiel: http://jsfiddle.net/S53mn/

Die einzige Möglichkeit, dies zu umgehen, besteht darin, den Click-Handler um den Betrag einer Doppelklickverzögerung zu verzögern und den Klickhandler abzubrechen, wenn ein Doppelklick erkannt wird. Dies ist

1. hart, da die Doppelklick Verzögerung variiert von OS-to-O und kann auf Benutzereinstellungen basieren und
2. ärgerlich weil (wenn Sie sehr langes Konto möglich Doppelklick-Timer) wird es eine merkliche Verzögerung geben, wenn der Benutzer einen einzelnen Klick ausführt und wenn Sie mit der Verarbeitung beginnen.