JavaScript/DOM/Event/dblclick

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
Event-Handler JavaScript 1.2 DOM 2.0 dblclick
Bedeutung wird bei doppeltem Anklicken ausgelöst.
bubbles ja
cancelable ja
Elternelemente Darf vorkommen in: allen Elementen, außer
base, bdo, br, head, html, iframe,
meta, param, script, style, und title
Event-Objekt Maus-Event
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

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.

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;
}
Beachten Sie
Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}