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.
MouseEvent.button Nur lesbar: Die Nummer der Taste, die gedrückt wurde (falls zutreffend), als das Mausereignis ausgelöst wurde.
MouseEvent.buttons Nur lesbar: 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.
MouseEvent.relatedTarget Nur lesbar: 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