Element: mouseup event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das mouseup-Ereignis wird bei einem Element ausgelöst, wenn eine Taste eines Zeigegeräts (wie einer Maus oder eines Trackpads) losgelassen wird, während sich der Zeiger innerhalb des Elements befindet.

mouseup-Ereignisse sind das Gegenstück zu mousedown-Ereignissen.

Dieses Verhalten unterscheidet sich von pointerup-Ereignissen. Bei der Verwendung einer physischen Maus werden mouseup-Ereignisse ausgelöst, wenn eine beliebige Taste einer Maus losgelassen wird. pointerup-Ereignisse werden nur bei der letzten Tastenfreigabe ausgelöst; vorherige Tastenfreigaben, während andere Tasten gedrückt gehalten werden, lösen keine pointerup-Ereignisse aus.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder legen Sie eine Ereignis-Handler-Eigenschaft fest.

addEventListener("mouseup", (event) => { })

onmouseup = (event) => { }

Ereignistyp

Ein MouseEvent. Erbt von UIEvent und Event.

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften ihrer Eltern, UIEvent und Event.

MouseEvent.altKey Schreibgeschützt: Gibt true zurück, wenn die alt-Taste gedrückt war, als das Mausereignis ausgelöst wurde.
MouseEvent.button Schreibgeschützt: Die Tasten-Nummer, die gedrückt wurde (falls zutreffend), als das Mausereignis ausgelöst wurde.
MouseEvent.buttons Schreibgeschützt: Die gedrückten Tasten (falls vorhanden), als das Mausereignis ausgelöst wurde.
MouseEvent.clientX Schreibgeschützt: Die X-Koordinate des Mauszeigers in Viewport-Koordinaten.
MouseEvent.clientY Schreibgeschützt: Die Y-Koordinate des Mauszeigers in Viewport-Koordinaten.
MouseEvent.ctrlKey Schreibgeschützt: Gibt true zurück, wenn die control-Taste gedrückt war, als das Mausereignis ausgelöst wurde.
MouseEvent.layerX Nicht standardisiert Schreibgeschützt: Gibt die horizontale Koordinate des Ereignisses relativ zur aktuellen Ebene zurück.
MouseEvent.layerY Nicht standardisiert Schreibgeschützt: Gibt die vertikale Koordinate des Ereignisses relativ zur aktuellen Ebene zurück.
MouseEvent.metaKey Schreibgeschützt: Gibt true zurück, wenn die meta-Taste gedrückt war, als das Mausereignis ausgelöst wurde.
MouseEvent.movementX Schreibgeschützt: Die X-Koordinate des Mauszeigers relativ zur Position des letzten mousemove-Ereignisses.
MouseEvent.movementY Schreibgeschützt: Die Y-Koordinate des Mauszeigers relativ zur Position des letzten mousemove-Ereignisses.
MouseEvent.offsetX Schreibgeschützt: Die X-Koordinate des Mauszeigers relativ zur Position des Randes des Zielknotens.
MouseEvent.offsetY Schreibgeschützt: Die Y-Koordinate des Mauszeigers relativ zur Position des Randes des Zielknotens.
MouseEvent.pageX Schreibgeschützt: Die X-Koordinate des Mauszeigers relativ zum gesamten Dokument.
MouseEvent.pageY Schreibgeschützt: Die Y-Koordinate des Mauszeigers relativ zum gesamten Dokument.
MouseEvent.relatedTarget Schreibgeschützt: Das sekundäre Ziel des Ereignisses, falls vorhanden.
MouseEvent.screenX Schreibgeschützt: Die X-Koordinate des Mauszeigers in Bildschirmkoordinaten.
MouseEvent.screenY Schreibgeschützt: Die Y-Koordinate des Mauszeigers in Bildschirmkoordinaten.
MouseEvent.shiftKey Schreibgeschützt: Gibt true zurück, wenn die shift-Taste gedrückt war, als das Mausereignis ausgelöst wurde.
MouseEvent.mozInputSource Nicht standardisiert Schreibgeschützt: Der Gerätetyp, der das Ereignis erzeugt hat (einer der MOZ_SOURCE_* Konstanten). Dies ermöglicht es Ihnen zum Beispiel festzustellen, ob ein Mausereignis durch eine tatsächliche Maus oder durch ein Touch-Ereignis generiert wurde (was die Genauigkeit bei der Interpretation der mit dem Ereignis verbundenen Koordinaten beeinflussen kann).
MouseEvent.webkitForce Nicht standardisiert Schreibgeschützt: Der ausgeübte Druck beim Klicken.
MouseEvent.x Schreibgeschützt: Alias für MouseEvent.clientX.
MouseEvent.y Schreibgeschützt: Alias für MouseEvent.clientY.

Beispiele

Siehe mousemove-Ereignis für Beispielcode.

Spezifikationen

Specification
UI Events # event-type-mouseup
HTML # handler-onmouseup