JavaScript/DOM/Event/mouseup
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
Der mouseup-Event-Handler wird bei losgelassener Maustaste ausgelöst. Er tritt ein, wenn der Anwender die Maustaste gedrückt hat und sie nun wieder loslässt.
| bubbles |
ja |
|---|---|
| cancelable |
ja |
| mögliche Auslöser |
allen Elementen außer |
| Event-Objekt |
Maus-Event |
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 die Event-Handler mouseup und mousedown zugewiesen. Sie rufen die Funktionen mouseDown() bzw. mouseUp() auf.
Im Beispiel wird dabei der Text des Buttons geändert.
Siehe auch
Weblinks
- MDN: mouseup 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
