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 ÑодеÑÐ¶Ð¸Ñ Ð¾Ð±Ñие ÑвойÑÑва и меÑÐ¾Ð´Ñ Ð´Ð»Ñ Ð²ÑеÑ
ÑобÑÑий.
ÐнÑеÑÑейÑÑ, оÑнованнÑе на 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-
ÐаÑÑивDOM-Ñзлов, ÑеÑез коÑоÑÑе вÑплÑвало ÑобÑÑие. 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: