Element: событие mouseup

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.

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

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

Синтаксис

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

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

onmouseup = (event) => {};

Тип события

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

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

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

MouseEvent.altKey Только для чтения: Возвращает true если во время события была нажата клавиша alt.
MouseEvent.button Только для чтения: Номер кнопки, которая была нажата (если есть такая информация).
MouseEvent.buttons Только для чтения: Кнопки, которые были нажаты (если есть такая информация).
MouseEvent.clientX Только для чтения: Координата X указателя мыши в системе координат области просмотра.
MouseEvent.clientY Только для чтения: Координата Y указателя мыши в системе координат области просмотра.
MouseEvent.ctrlKey Только для чтения: Возвращает true если во время события была нажата клавиша control.
MouseEvent.layerX Не стандартно Только для чтения: Возвращает координату события по горизонтали относительно текущего слоя.
MouseEvent.layerY Не стандартно Только для чтения: Возвращает координату события по вертикали относительно текущего слоя.
MouseEvent.metaKey Только для чтения: Возвращает true если во время события была нажата клавиша meta.
MouseEvent.movementX Только для чтения: Координата X указателя относительно позиции последнего события mousemove.
MouseEvent.movementY Только для чтения: Координата Y указателя относительно позиции последнего события mousemove.
MouseEvent.offsetX Только для чтения: Координата X указателя относительно границ целевого узла.
MouseEvent.offsetY Только для чтения: Координата Y указателя относительно границ целевого узла.
MouseEvent.pageX Только для чтения: Координата X указателя относительно документа.
MouseEvent.pageY Только для чтения: Координата Y указателя относительно документа.
MouseEvent.relatedTarget Только для чтения: Вторичная цель события, если она есть.
MouseEvent.screenX Только для чтения: Координата X указателя в экранных координатах.
MouseEvent.screenY Только для чтения: Координата Y указателя в экранных координатах.
MouseEvent.shiftKey Только для чтения: Возвращает true если во время события была нажата клавиша shift.
MouseEvent.mozInputSource Не стандартно Только для чтения: Тип устройства, вызвавшего событие (одна из констант MOZ_SOURCE_*). Помогает определить, было ли событие вызвано мышью или событием касания (что может повлиять на степень точности, с которой следует интерпретировать координаты).
MouseEvent.webkitForce Не стандартно Только для чтения: Величина давления, оказываемого при нажатии.
MouseEvent.x Только для чтения: Синоним для MouseEvent.clientX.
MouseEvent.y Только для чтения: Синоним для MouseEvent.clientY.

Примеры

Смотрите примеры кода в описании события mousemove.

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

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

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

BCD tables only load in the browser