Element: событие mouseup

Событие mouseup возникает, когда отпускается кнопка на устройстве ввода (таком как мышь или трекпад) и указатель находится внутри элемента.

События mouseup являются противоположностью событиям mousedown.

Синтаксис

Используйте имя события в методе addEventListener() или при установке обработчика события.

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

onmouseup = (event) => {};

Тип события

MouseEvent, наследуется от Event.

Event UIEvent (en-US) MouseEvent

Свойства события

Этот интерфейс также наследует свойства родителей, UIEvent (en-US) и Event.

MouseEvent.altKey (en-US) Только для чтения

Возвращает true если во время события была нажата клавиша alt.

MouseEvent.button Только для чтения

Номер кнопки, которая была нажата (если есть такая информация).

MouseEvent.buttons Только для чтения

Кнопки, которые были нажаты (если есть такая информация).

MouseEvent.clientX Только для чтения

Координата X указателя мыши в системе координат области просмотра (en-US).

MouseEvent.clientY Только для чтения

Координата Y указателя мыши в системе координат области просмотра (en-US).

MouseEvent.ctrlKey Только для чтения

Возвращает true если во время события была нажата клавиша control.

MouseEvent.layerX (en-US) Non-standard Только для чтения

Возвращает координату события по горизонтали относительно текущего слоя.

MouseEvent.layerY (en-US) Non-standard Только для чтения

Возвращает координату события по вертикали относительно текущего слоя.

MouseEvent.metaKey (en-US) Только для чтения

Возвращает true если во время события была нажата клавиша meta.

MouseEvent.movementX (en-US) Только для чтения

Координата X указателя относительно позиции последнего события mousemove (en-US).

MouseEvent.movementY (en-US) Только для чтения

Координата Y указателя относительно позиции последнего события mousemove (en-US).

MouseEvent.offsetX Только для чтения

Координата X указателя относительно границ целевого узла.

MouseEvent.offsetY (en-US) Только для чтения

Координата Y указателя относительно границ целевого узла.

MouseEvent.pageX Только для чтения

Координата X указателя относительно документа.

MouseEvent.pageY (en-US) Только для чтения

Координата Y указателя относительно документа.

MouseEvent.relatedTarget (en-US) Только для чтения

Вторичная цель события, если она есть.

MouseEvent.screenX Только для чтения

Координата X указателя в экранных координатах (en-US).

MouseEvent.screenY (en-US) Только для чтения

Координата Y указателя в экранных координатах (en-US).

MouseEvent.shiftKey Только для чтения

Возвращает true если во время события была нажата клавиша shift.

MouseEvent.mozInputSource (en-US) Non-standard Только для чтения

Тип устройства, вызвавшего событие (одна из констант MOZ_SOURCE_*). Помогает определить, было ли событие вызвано мышью или событием касания (что может повлиять на степень точности, с которой следует интерпретировать координаты).

MouseEvent.webkitForce (en-US) Non-standard Только для чтения

Величина давления, оказываемого при нажатии.

MouseEvent.x (en-US) Только для чтения

Синоним для MouseEvent.clientX.

MouseEvent.y (en-US) Только для чтения

Синоним для MouseEvent.clientY.

Примеры

Смотрите примеры кода в описании события mousemove (en-US).

Спецификации

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

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также