JavaScript/DOM/Event/dblclick

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von Dblclick)
Wechseln zu: Navigation, Suche

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

Weblinks

MDN: dblclick Event