Element: mouseup-Ereignis
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 an einem Element
ausgelöst, wenn eine Taste eines Zeigegeräts (wie eine Maus oder ein Trackpad) 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. Beim Einsatz einer physischen Maus werden mouseup
-Ereignisse ausgelöst, wann immer eine Maustaste losgelassen wird. pointerup
-Ereignisse werden nur beim Loslassen der letzten Taste ausgelöst; vorheriges Loslassen von Tasten, während andere Tasten noch gedrückt werden, löst keine pointerup
-Ereignisse aus.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder setzen Sie eine Ereignis-Handler-Eigenschaft.
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. -
Die Nummer der Taste, die beim Auslösen des Mausereignisses gedrückt wurde (falls zutreffend).
-
Die Tasten, die beim Auslösen des Mausereignisses gedrückt waren (falls vorhanden).
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 der Padding-Kante des Zielknotens.
MouseEvent.offsetY
Schreibgeschützt-
Die Y-Koordinate des Mauszeigers relativ zur Position der Padding-Kante 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.
-
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 generiert hat (einer der
MOZ_SOURCE_*
-Konstanten). Damit können Sie z. B. feststellen, ob ein Mausereignis durch eine tatsächliche Maus oder durch ein Touch-Ereignis generiert wurde (was die Präzision der Interpretation der mit dem Ereignis verbundenen Koordinaten beeinflussen kann). MouseEvent.webkitForce
Nicht standardisiert Schreibgeschützt-
Der Druck, der beim Klicken ausgeübt wurde.
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 |