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() или при установке обработчика события.

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

onmouseup = (event) => {};

Тип события

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

Event UIEvent MouseEvent

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Non-standard Только для чтения

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

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

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

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

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