JavaScript/DOM/Event/dblclick

Der dblclick-Event-Handler wird bei doppeltem Anklicken ausgelöst.

bubbles	ja
cancelable	ja
mögliche Auslöser	allen Elementen, außer base, bdo, br, head, html, iframe, meta, param, script, style, und title
Event-Objekt	Maus-Event

Beispiel ansehen …

var elem = document.getElementById("demo");
var ausgabe = document.getElementById("Ausgabe");
elem.addEventListener("dblclick", Rechnen);
 
function Rechnen() {
    Ausgabe.innerHTML = "Die Quadratzahl beträgt:" + document.Rechnen.Eingabe.value * document.Rechnen.Eingabe.value;
}

Im Beispiel wird ein Formular mit einem Eingabefeld und einem Button definiert. Der Button erhält durch addEventListener den Event-Handler dblclick zugewiesen. Der Button reagiert daher nur auf Doppelklick. Wenn der Anwender doppelt auf den Button klickt, wird die Funktion Rechnen ausgeführt.

So wird von dem Wert, den Sie in dem Eingabefeld eingegeben haben, das Quadrat errechnet, und das Ergebnis wird in das Ausgabefeld geschrieben.

Siehe auch

• JavaScript/Tutorials/Mouse and More

Weblinks

MDN: dblclick Event