JavaScript/DOM/Event/mousedown

Der mousedown-Event-Handler wird bei gedrückter Maustaste ausgelöst.

 var elem = document.getElementById("Eingabe");
 elem.addEventListener("mousedown", mouseDown);
 elem.addEventListener("mouseup", mouseUp);		
 
 function mouseDown() {
 elem.innerHTML = 'Maustaste wurde gedrückt.';
 }
 
 function mouseUp() {
 elem.innerHTML = 'Maustaste wurde losgelassen.';
 }

Das Beispiel enthält einen Klick-Button. Der Button erhält durch addEventListener den Event-Handler mousedown und die Funktion mouseDown zugewiesen. Im Beispiel wird dabei der Text des Buttons geändert. Beim Loslassen der Maustaste tritt der Event-Handler mouseup in Aktion, der den Text des Buttons ebenfalls abändert.

Siehe auch

• JavaScript/Tutorials/Mouse and More

Weblinks

• MDN: mousedown Event