Spec-Zone.ru › Web APIs

Элемент: событие mousedown

Базовая Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Событие mousedown срабатывает на Element, когда кнопка указательного устройства нажимается, а указатель находится внутри элемента.

Примечание: Это отличается от события click, так как click срабатывает после полного нажатия; то есть, кнопка мыши нажимается и отпускается, а указатель остается внутри того же элемента. mousedown срабатывает в момент первоначального нажатия кнопки.

Синтаксис

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

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

onmousedown = (event) => {};

Тип события

A MouseEvent. Наследуется от UIEvent и 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 Нестандартный Только для чтения

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

MouseEvent.layerY Нестандартный Только для чтения

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

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

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

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

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

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

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

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

Координата X указателя мыши относительно положения поля padding целевого узла.

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

Координата Y указателя мыши относительно положения поля padding целевого узла.

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.

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

Спецификация
UI Events
# event-type-mousedown
HTML
# handler-onmousedown

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

Рабочие столы Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
mousedown_event 2 12 6 11.6 4 18 6 12.1 3.2 1.0 ≤37

См. также

  • Учебник: Введение в события
  • mouseup
  • mousemove
  • click
  • dblclick
  • mouseover
  • mouseout
  • mouseenter
  • mouseleave
  • contextmenu

© 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/mousedown_event

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API