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 with JavaScript enabled. Enable JavaScript to view data.

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

* Введение в события
* `mousedown`
* `mouseup`
* `mousemove` (en-US)
* `click`
* `dblclick` (en-US)
* `mouseover` (en-US)
* `mouseout` (en-US)
* `mouseenter`
* `mouseleave`
* `contextmenu`