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 bei einem Element
ausgelöst, wenn eine Taste auf einem Zeigegerät (wie einer Maus oder einem Trackpad) losgelassen wird, während sich der Zeiger innerhalb des Elements befindet.
mouseup
-Ereignisse sind das Gegenstück zu mousedown
-Ereignissen.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder legen Sie eine Ereignisbehandlungseigenschaft 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
Nur lesbar-
Gibt
true
zurück, wenn die alt-Taste gedrückt war, als das Mausereignis ausgelöst wurde. -
Die Nummer der Taste, die gedrückt wurde (falls zutreffend), als das Mausereignis ausgelöst wurde.
-
Die Tasten, die gedrückt werden (falls vorhanden), als das Mausereignis ausgelöst wurde.
MouseEvent.clientX
Nur lesbar-
Die X-Koordinate des Mauszeigers in Viewport-Koordinaten.
MouseEvent.clientY
Nur lesbar-
Die Y-Koordinate des Mauszeigers in Viewport-Koordinaten.
MouseEvent.ctrlKey
Nur lesbar-
Gibt
true
zurück, wenn die control-Taste gedrückt war, als das Mausereignis ausgelöst wurde. MouseEvent.layerX
Nicht standardisiert Nur lesbar-
Gibt die horizontale Koordinate des Ereignisses relativ zur aktuellen Ebene zurück.
MouseEvent.layerY
Nicht standardisiert Nur lesbar-
Gibt die vertikale Koordinate des Ereignisses relativ zur aktuellen Ebene zurück.
MouseEvent.metaKey
Nur lesbar-
Gibt
true
zurück, wenn die meta-Taste gedrückt war, als das Mausereignis ausgelöst wurde. MouseEvent.movementX
Nur lesbar-
Die X-Koordinate des Mauszeigers relativ zur Position des letzten
mousemove
-Ereignisses. MouseEvent.movementY
Nur lesbar-
Die Y-Koordinate des Mauszeigers relativ zur Position des letzten
mousemove
-Ereignisses. MouseEvent.offsetX
Nur lesbar-
Die X-Koordinate des Mauszeigers relativ zur Position der Innenkante des Zielknotens.
MouseEvent.offsetY
Nur lesbar-
Die Y-Koordinate des Mauszeigers relativ zur Position der Innenkante des Zielknotens.
MouseEvent.pageX
Nur lesbar-
Die X-Koordinate des Mauszeigers relativ zum gesamten Dokument.
MouseEvent.pageY
Nur lesbar-
Die Y-Koordinate des Mauszeigers relativ zum gesamten Dokument.
-
Das sekundäre Ziel des Ereignisses, falls vorhanden.
MouseEvent.screenX
Nur lesbar-
Die X-Koordinate des Mauszeigers in Bildschirmkoordinaten.
MouseEvent.screenY
Nur lesbar-
Die Y-Koordinate des Mauszeigers in Bildschirmkoordinaten.
MouseEvent.shiftKey
Nur lesbar-
Gibt
true
zurück, wenn die shift-Taste gedrückt war, als das Mausereignis ausgelöst wurde. MouseEvent.mozInputSource
Nicht standardisiert Nur lesbar-
Der Typ des Geräts, das das Ereignis generiert hat (einer der
MOZ_SOURCE_*
Konstanten). Dies ermöglicht es Ihnen beispielsweise zu bestimmen, ob ein Mausereignis von einer tatsächlichen Maus oder durch ein Touch-Ereignis generiert wurde (was die Genauigkeit beeinflussen könnte, mit der Sie die dem Ereignis zugeordneten Koordinaten interpretieren). MouseEvent.webkitForce
Nicht standardisiert Nur lesbar-
Die Menge des Drucks, die beim Klicken angewendet wird.
MouseEvent.x
Nur lesbar-
Alias für
MouseEvent.clientX
. MouseEvent.y
Nur lesbar-
Alias für
MouseEvent.clientY
.
Beispiele
Siehe mousemove
Ereignis für Beispielcode.
Spezifikationen
Specification |
---|
UI Events # event-type-mouseup |
HTML Standard # handler-onmouseup |
Browser-Kompatibilität
BCD tables only load in the browser