Тип события click пользовательского интерфейса MouseEvent

Тип события мыши click
Интерфейс MouseEvent
Синх / Асин Синхронный
Всплытие Да
Надежные цели Element
Отменяемый Да
Сдержанный Да
Действие по умолчанию Различное
Контекст (доверенные события) Event.target : самая верхняя цель события
UIEvent.view : Window
UIEvent.detail : указывает текущий счетчик кликов; значение атрибута ДОЛЖНО быть 1, когда пользователь начинает это действие, и увеличивается на 1 для каждого клика.
MouseEvent.screenX : значение, основанное на положении указателя на экране
MouseEvent.screenY : значение, основанное на положении указателя на экране
MouseEvent.clientX : значение основано на позиции указателя в области просмотра
MouseEvent.clientY : значение основано на позиции указателя в области просмотра
MouseEvent.altKey : true, если модификатор Alt был активен, иначе false
MouseEvent.ctrlKey : true, если модификатор Control был активен, иначе false
MouseEvent.shiftKey : true, если модификатор Shift был активен, иначе false
MouseEvent.metaKey : true, если Meta-модификатор был активен, иначе false
MouseEvent.button : значение на основе текущей нажатой кнопки
MouseEvent.buttons : значение основано на всех нажатых в данный момент кнопках, 0, если не нажата ни одна
MouseEvent.relatedTarget : null


Тип события click ДОЛЖЕН быть отправлен на верхнюю цель события, обозначенную указателем, когда пользователь нажимает и отпускает кнопку первичного указателя, или иным образом активирует указатель таким образом, который имитирует такое действие. Способ приведения в действие кнопки мыши зависит от устройства указателя и конфигурации среды, например, он МОЖЕТ зависеть от местоположения экрана или задержки между нажатием и отпусканием кнопки указательного устройства.

Событие click должно запускаться только для основной кнопки указателя (т. е. когда значение button равно 0, значение buttons равно 1). Вторичные кнопки (например, средняя или правая кнопка стандартной мыши) НЕ ДОЛЖНЫ вызывать события щелчка click. Смотрите auxclick для соответствующего события, связанного с неосновными кнопками.

Событию click МОЖЕТ предшествовать события mousedown и mouseup для одного и того же элемента, независимо от изменений между другими типами узлов (например, текстовыми узлами). В зависимости от конфигурации среды, событие click МОЖЕТ быть отправлено, если между нажатием и отпусканием кнопки указательного устройства происходит одно или несколько событий типа mouseover, mousemove и mouseout. Событие click МОЖЕТ также сопровождаться событием dblclick.

Пример № 10

Если пользователь вводит дочерний элемент текстового узла в элемент <p>, стилизованный с большой высотой строки, он слегка перемещает мышь, так что она больше не находится над областью, содержащей текст, но все еще находится внутри содержащего блока этот элемент <p> (т. е. указатель находится между строками одного и того же текстового блока, но не над текстовым узлом как таковым), а затем в последствии движения мыши вверх, это, скорее всего, будет вызывать событие click (если оно попадает в нормальный временной гистерезис за click), так как пользователь остался в рамках того же элемента. Обратите внимание, что генерируемые агентом пользователя события мыши не отправляются на текстовые узлы.


В дополнение к тому, что он связан с указательными устройствами, тип события click ДОЛЖЕН быть отправлен как часть активации элемента, как описано в §3.5 Триггеры активации и поведение.

Для максимальной доступности авторам контента рекомендуется использовать тип события click при определении поведения активации для пользовательских элементов управления, а не другие типы событий указывающего устройства, такие как mousedown или mouseup, которые в большей степени зависят от устройства. Хотя тип события click имеет свое происхождение в устройствах указателя (например, мыши), последующие усовершенствования реализации расширили его за пределы этой ассоциации, и его можно рассматривать как независимый от устройства тип события для активации элемента.

Действие по умолчанию для типа события click зависит от цели события и значения атрибутов button или buttons. Типичные действия по умолчанию для типа события click  следующие:

  • Если цель события имеет ассоциированное поведение активации, действие по умолчанию ДОЛЖНО состоять в том, чтобы выполнить это поведение активации (см. §3.5 Триггеры активации и поведение).
  • Если цель события является фокусируемой, действие по умолчанию ДОЛЖНО состоять в том, чтобы придать этому элементу фокус документа.

События MouseEvent

Типы событий пользовательского интерфейса MouseEvent

Полная версия документа на русском языке

UI Events | События пользовательского интерфейса

Ссылка на первоисточник

https://www.w3.org/TR/uievents/#event-type-click

Поделись записью