JavaScript/DOM/Event/mousedown

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Der mousedown-Event-Handler wird bei gedrückter Maustaste 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

MausEvent

Beispiel ansehen …
    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

Weblinks