EventTarget

Объект, способный принимать события

class EventTarget

addEventListener(event_type, handler, options)

Регистрирует функцию handler в качестве обработчика событий типа event_type.

• event_type - строка с именем без префикса on.

• useCapture - должен иметь значение true,

  если регистрируется перехватывающий обработчик в предке элемента, являющегося истинной целью события.

• options - объект параметров

Обратите внимание, что некоторые броузеры все еще требуют передачи этой функции третьего аргумента, поэтому при регистрации обычного, неперехватывающего, обработчика в третьем аргументе следует передавать false.

Доступно на DOM lvl.2

Какие события можно поймать

• mouse

  • click

  • dblclick

  • keydown

  • keypress

  • keyup

  • mouseover

  • mouseout

• focus

  • blur

  • focus

  • focusin

  • focusout

  • change

• form

  • reset

  • submit

• animation

  • animationend

  • animationiteration

  • animationstart

• drag

  • drag - срабатывает на элементе, который перетаскивают

  • dragend - срабатывает на элементе, который перетаскивают

  • dragexit - срабатывает на элементе, который перетаскивают

  • dragstart - срабатывает на элементе, который перетаскивают

  • dragenter - перетаскиваемый объект перетащили в пределы объекта

  • dragleave - перетаскиваемый объект перетащили за пределы объекта

  • dragover - перетаскиваемый объект перетаскивается над объектом

  • drop - перетаскиваемый объект перетащили на объект

button.addEventListener("click", function(event){
    // event.preventDefault();
});

window.addEventListener("keydown", function(event){
    if (event.keyCode == 27) {}
});

attachEvent(string type, function listener)

Ре­ги­ст­ри­ру­ет функ­цию listener как об­ра­бот­чик со­бы­тий ти­па type. Об­ра­ти­те вни­ма­ние, что этот ме­тод тре­бу­ет, что­бы имя в ар­гу­мен­те type вклю­ча­ло пре­фикс «on». Для IE

detachEvent(string type, function listener)

Этот ме­тод дей­ст­ву­ет как об­рат­ный ме­то­ду attachEvent().

dispatchEvent(Event event)

От­прав­ля­ет дан­но­му эле­мен­ту ис­кус­ст­вен­ное со­бы­тие event. Что­бы от­пра­вить со­бы­тие, не­об­хо­ди­мо соз­дать но­вый объ­ект Event вы­зо­вом ме­то­да document.create­Event() с име­нем со­бы­тия (та­ким как «Events», в слу­чае про­сто­го со­бы­тия). За­тем ини­циа­ли­зи­ро­вать его ме­то­дом ини­циа­ли­за­ции соз­дан­но­го объ­ек­та Event: для про­стых со­бы­тий – вы­зо­вом ме­то­да initEvent() (см. Event). По­сле это­го от­пра­вить ини­циа­ли­зи­ро­ван­ное со­бы­тие, пе­ре­дав его рас­смат­ри­вае­мо­му ме­то­ду. В со­вре­мен­ных бро­узе­рах ка­ж­дый объ­ект Event име­ет свой­ст­во isTrusted. Для ис­ку­ст­вен­ных со­бы­тий, по­сы­лае­мых про­грамм­но, это свой­ст­во бу­дет иметь зна­че­ние false.

Раз­лич­ные ти­пы объ­ек­тов со­бы­тий оп­ре­де­ля­ют соб­ст­вен­ные ме­то­ды ини­циа­ли­за­ции. Эти ме­то­ды ред­ко ис­поль­зу­ют­ся на прак­ти­ке, име­ют длин­ные спи­ски ар­гу­мен­тов и не опи­сы­ва­ют­ся в этой кни­ге. Ес­ли вам по­тре­бу­ет­ся соз­дать, ини­циа­ли­зи­ро­вать и по­слать ис­ку­ст­вен­ное со­бы­тие, бо­лее слож­ное, чем про­стой объ­ект Event, по­ищи­те опи­са­ние со­от­вет­ст­вую­ще­го ме­то­да ини­циа­ли­за­ции в элек­трон­ной до­ку­мен­та­ции.

removeEventListener(type, listener, options)

Удаляет зарегистрированный обработчик listener события.

Принимает те же аргументы, что и метод addEventListener().