JavaScript/DOM/Event/mouseup

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

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
<base>, <bdo>, <br>, <head>, <html>,
<iframe>, <meta>, <param>, <script>,
<style>, und <title>

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