События, связанные с изменением структуры документа

События, не связанные с взаимодействием с пользователем

В спецификации DOM2 Events определены следующие события, не связанные с взаимодействием с пользователем (эти события сопоставлены с определенными элементами документа HTML) и называются также событиями HTML:

· load – наступает при окончании загрузки документа (связано с элементами body и frameset);

· unload – наступает при удалении элемента из окна или фрейма (связано с элементами body и frameset);

· resize – наступает при изменении размеров документа (связано с элементами body и frameset);

· scroll – наступает при прокрутке документа (связано с элементами body и frameset);

· abort – наступает при приостановке загрузки Web-страницы до окончательной загрузки изображения (связано с элементом img);

· error – наступает при ошибке во время загрузки изображения или выполнения сценария (связано с элементами img и script);

· reset – наступает при сбросе содержимого формы (связано с элементом form);

· submit – наступает при отправке формы на Web-сервер (связано с элементом form);

· focus – наступает при приобретении фокуса элементом (связано с элементами button, input, label, select и textarea);

· blur – наступает при потере фокуса элементом (связано с элементами button, input, label, select и textarea);

· select – наступает при выделении текста (связано с элементами input и textarea);

· change – наступает при потере фокуса элементом после изменения его содержимого (связано с элементами input, select и textarea).

Кроме этого, в спецификации определены следующие события:

· DOMFocusIn – наступает при получении элементом фокуса;

· DOMFocusOut – наступает при потере элементом фокуса;

· DOMActivate – наступает при активизации элемента, например, при нажатии кнопки мыши или клавиши клавиатуры.

Все события, не связанные с взаимодействием с пользователем, являются «всплывающими», за исключением событий load, unload, focus и blur. Действие по умолчанию всех этих событий, за исключением событий submit и DOMActivate, отменить нельзя.

События, связанные с изменением структуры документа, позволяют отслеживать любые изменения в документе HTML, в том числе изменения значений атрибутов и текста документа, а также вставку и удаление узлов в документе.

События, связанные с изменением структуры документа определены в Web-браузерах, реализующих спецификацию DOM 2: Firefox, Opera и Safari.

В спецификации DOM2 Events определены следующие события, связанные с изменением структуры документа:

· DOMNodeInserted – наступает, когда в документ вставляется узел как дочерний элемент другого узла;

· DOMNodeInsertedIntoDocument – наступает, когда в документ вставляется узел либо при прямой вставке данного узла, либо при вставке поддерева, в котором находился данный узел (если для узла выполнено прямое удаление, то перед событием DOMNodeInsertedIntoDocument наступает событие DOMNodeInserted);

· DOMNodeRemoved – наступает, когда из документа удаляется узел как дочерний элемент другого узла;

· DOMNodeRemovedFromDocument – наступает, когда из документа удаляется узел либо при прямом удалении данного узла, либо при удалении поддерева, в котором находился данный узел (если для узла выполнено прямое удаление, то перед событием DOMNodeRemovedFromDocument наступает событие DOMNodeRemoved);

· DOMAttrModified – наступает, когда в документе изменяется атрибут какого-либо элемента (событие не определено в Safari);

· DOMCharacterDataModified – наступает, когда в документе изменяются символьные данные;

· DOMSubtreeModified – наступает, когда в документе происходят любые изменения и после событий, связанных с конкретными изменениями (событие не определено в Opera).

Все события, связанные с изменением структуры документа, являются «всплывающими», за исключением событий DOMNodeRemovedFromDocument и DOMNodeInsertedIntoDocument. Действие по умолчанию всех этих событий отменить нельзя.