This page was translated from English by the community.Learn more and join the MDN Web Docs community.
Event
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
ИнтерфейсEvent представляет собой любое событие, которое происходит вDOM; некоторые из них генерируемые пользователем (клик мышью или нажатие клавиши на клавиатуре), а некоторые - генерируемые API (события, обозначающие завершение процесса анимации, приостановка видео и т.д.). Существует много типов событий, некоторые из них используют интерфейсы, базирующиеся на главном интерфейсеEvent.Event содержит общие свойства и методы для всех событий.
In this article
Интерфейсы, основанные наEvent
Ниже приведён список интерфейсов, основанных на главном интерфейсеEvent, а также указаны ссылки на них в документации MDN API. Заметьте, что имена всех интерфейсов оканчиваются на "Event".
AnimationEventAudioProcessingEventBeforeInputEventBeforeUnloadEventBlobEventClipboardEventCloseEventCompositionEventCSSFontFaceLoadEventCustomEventDeviceLightEventDeviceMotionEventDeviceOrientationEventDeviceProximityEventDOMTransactionEventDragEventEditingBeforeInputEventErrorEventFetchEventFocusEventGamepadEventHashChangeEventIDBVersionChangeEventInputEventKeyboardEventMediaStreamEventMessageEventMouseEventMutationEventOfflineAudioCompletionEventPageTransitionEventPointerEventPopStateEventProgressEventRelatedEventRTCDataChannelEventRTCIdentityErrorEventRTCIdentityEventRTCPeerConnectionIceEventSensorEventStorageEventSVGEventSVGZoomEventTimeEventTouchEventTrackEventTransitionEventUIEventUserProximityEventWebGLContextEventWheelEvent
Конструктор
Event()Создаёт объект
Eventи возвращает его вызывающему.
Свойства
Event.bubblesТолько для чтенияЛогическое значение, указывающее, всплыло ли событие вверх по DOM или нет.
Event.cancelBubbleИсторическое название синонима
Event.stopPropagation(). Если установить значение вtrueдо возврата из обработчика события (Event Handler), то событие не будет распространяться дальше (например, на обработчики для родительских узлов).Event.cancelableТолько для чтенияЛогическое значение, показывающее возможность отмены события.
Event.composedТолько для чтенияЛогическое значение, показывающее может или нет событие всплывать через границы между shadow DOM (внутренний DOM конкретного элемента) и обычного DOM документа.
Event.currentTargetТолько для чтенияСсылка на текущий зарегистрированный объект, на котором обрабатывается событие. Это объект, которому планируется отправка события; поведение можно изменить с использованием перенаправления (retargeting).
Event.deepPathНе стандартноEvent.defaultPreventedТолько для чтенияПоказывает, была ли для события вызвана функция
event.preventDefault().Event.eventPhaseТолько для чтенияУказывает фазу процесса обработки события.
Event.explicitOriginalTargetНе стандартноТолько для чтенияЯвный первоначальный целевой объект события (Mozilla-специфичный). Не может содержатьанонимного контента.
Event.originalTargetНе стандартноТолько для чтенияПервоначальный целевой объект события до перенаправлений (Mozilla-специфичный). Может быть изанонимного контента.
Event.returnValueНе стандартноНестандартная альтернатива (оставшаяся от старых версий Microsoft Internet Explorer) для
Event.preventDefault()иEvent.defaultPrevented.Event.scopedТолько для чтенияЛогическое значение, показывающее всплывает ли данное событие через shadow root (внутренний DOM-элемента). Это свойство было переименовано вcomposed.Event.srcElementНе стандартноНестандартный синоним (остался от старых версий Microsoft Internet Explorer) для
Event.target.Event.targetТолько для чтенияСсылка на целевой объект, на котором произошло событие.
Event.timeStampТолько для чтенияВремя, когда событие было создано (в миллисекундах). По спецификации это время от начала Эпохи (Unix Epoch), но в действительности в разных браузерах определяется по-разному; кроме того, ведётся работа по изменению его на
DOMHighResTimeStampтип.Event.typeТолько для чтенияНазвание события (без учёта регистра символов).
Event.isTrustedТолько для чтенияПоказывает было или нет событие инициировано браузером (например, по клику мышью) или из скрипта (например, через функцию создания события, такую какevent.initEvent)
Методы
Event.createEvent()Создаёт новое событие, которое затем должно быть проинициализировано вызовом его метода
initEvent().Event.initEvent()УстарелоИнициализация значений созданного с помощьюDocument.createEvent() события. Если событие уже отправлено, то эта функция ничего не делает.
Event.preventBubble()Не стандартноПредотвращает всплытие события. Устаревшая, используйте вместо неё
event.stopPropagation.Event.preventCapture()Не стандартноУстаревшая, используйте вместо неё
event.stopPropagation.Event.preventDefault()Отменяет событие (если его возможно отменить).
Event.stopImmediatePropagation()Для конкретного события не будет больше вызвано обработчиков. Ни тех, которые привязаны к этому же элементу (на котором работает обработчик, который вызывает этот Event.stopImmediatePropagation()), ни других, которые могли бы вызваться при распространении события позже (например, в фазе перехвата - capture).
Event.stopPropagation()Остановка распространения события далее по DOM.
Event.getPreventDefault()Не стандартноНестандартная. Возвращает значение
Event.defaultPrevented. Используйте вместо неёEvent.defaultPrevented.
Спецификации
| Specification |
|---|
| DOM> # interface-event> |
Совместимость с браузерами
Смотрите также
Типы событий:Event reference
Сравнение Event Targets (target и currentTarget и relatedTarget и originalTarget)
Для разработчиков дополнений Firefox: