Объект, способный принимать события
EventTarget
addEventListener
(event_type, handler, options)Регистрирует функцию handler в качестве обработчика событий типа event_type.
event_type - строка с именем без префикса on.
если регистрируется перехватывающий обработчик в предке элемента, являющегося истинной целью события.
options - объект параметров
Обратите внимание, что некоторые броузеры все еще требуют передачи этой функции третьего аргумента, поэтому при регистрации обычного, неперехватывающего, обработчика в третьем аргументе следует передавать false.
Доступно на DOM lvl.2
Какие события можно поймать
click
dblclick
keydown
keypress
keyup
mouseover
mouseout
blur
focus
focusin
focusout
change
reset
submit
animationend
animationiteration
animationstart
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.createEvent() с именем события (таким как «Events», в случае простого события). Затем инициализировать его методом инициализации созданного объекта Event: для простых событий – вызовом метода initEvent() (см. Event). После этого отправить инициализированное событие, передав его рассматриваемому методу. В современных броузерах каждый объект Event имеет свойство isTrusted. Для искуственных событий, посылаемых программно, это свойство будет иметь значение false.
Различные типы объектов событий определяют собственные методы инициализации. Эти методы редко используются на практике, имеют длинные списки аргументов и не описываются в этой книге. Если вам потребуется создать, инициализировать и послать искуственное событие, более сложное, чем простой объект Event, поищите описание соответствующего метода инициализации в электронной документации.
removeEventListener
(type, listener, options)Удаляет зарегистрированный обработчик listener события.
Принимает те же аргументы, что и метод addEventListener().