JavaScript/DOM/Event/mousedown
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
Der mousedown-Event-Handler wird bei gedrückter Maustaste ausgelöst.
| bubbles |
ja |
|---|---|
| cancelable |
ja |
| mögliche Auslöser |
allen Elementen außer |
| 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
- MDN: mousedown Event
Events (Übersicht)
- Animations-Events
- Datenabruf-Events
- Drag & Drop-Events
- Formular-Events
- Maus, Touch und Pointer-Events
- Medien-Events
- Print-Events
- Tastatur-Events
- Window-Events
- Zwischenablage-Events
