Элемент: событие mouseup
Базовая реализация Широко поддерживается
Данная функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Событие mouseup срабатывает на элементе Element, когда кнопка устройства ввода (такого как мышь или трекпад) отпускается, а указатель находится внутри него.
События mouseup являются обратной стороной событий mousedown.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.
addEventListener("mouseup", (event) => {});
onmouseup = (event) => {};
Тип события
Объект MouseEvent. Наследует от UIEvent и Event.
Свойства события
Этот интерфейс также наследует свойства своих родительских интерфейсов, UIEvent и Event.
-
MouseEvent.altKeyТолько для чтения -
Возвращает
trueесли клавиша alt была нажата во время срабатывания события мыши. -
Номер нажатой кнопки (если применимо) во время срабатывания события мыши.
-
Нажатые кнопки (если есть какие-либо) во время срабатывания события мыши.
-
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.screenXТолько для чтения -
Координата X указателя мыши в координатах экрана.
-
MouseEvent.screenYТолько для чтения -
Координата Y указателя мыши в координатах экрана.
-
MouseEvent.shiftKeyТолько для чтения -
Возвращает
trueесли клавиша shift была нажата во время срабатывания события мыши. -
MouseEvent.mozInputSourceНестандартно Только для чтения -
Тип устройства, сгенерировавшего событие (одна из
MOZ_SOURCE_*констант). Это позволяет, например, определить, было ли событие мыши сгенерировано реальной мышью или касанием (что может повлиять на точность интерпретации координат, связанных с событием). -
MouseEvent.webkitForceНестандартно Только для чтения -
Сила нажатия при нажатии.
-
MouseEvent.xТолько для чтения -
Псевдоним для
MouseEvent.clientX. -
MouseEvent.yТолько для чтения -
Псевдоним для
MouseEvent.clientY.
Примеры
См. mousemove событие для примера кода.
Спецификации
| Спецификация |
|---|
| События UI # event-type-mouseup |
| HTML # handler-onmouseup |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
mouseup_event |
2 | 12 | 6 | 11.6 | 4 | 18 | 6 | 12.1 | 3.2 | 1.0 | ≤37 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event