DOM позволяет нам писать код JS, позволяющий HTML- элементам реагировать на события ;
события : взаимодействие между пользователями и веб-страницами; например:
мониторинг кликов на веб-страницах: позволить компьютеру обнаруживать это событие; происходит в любое время . Таким образом, выполняются некоторые заранее написанные программистами программы;
существует два основных способа установки прослушивателей событий: onxxx и addEventListener() .
установить их атрибуты
onxxx.onclick = function;
() {
// При щелчке по полю будет выполнен оператор} | имя события | мониторинга событий мышиОписание события |
|---|---|
| onclick | , когда мышь находится на объекте один раз |
| ondblclick | , когда мышь дважды щелкает объект |
| onmousedown, | когда нажимается кнопка мыши объект |
| onmouseup | , когда кнопка мыши отпускается на объекте, |
| onmousemove | , когда кнопка мыши перемещается на объект, |
| onmouseenter | , когда мышь входит в объект (аналогичное событие onmouseover) |
| onmouseleave | , когда мышь покидает объект (аналогичное событие onmouseout) |
| имя | событияописание события |
|---|---|
| onkeypress | при нажатии клавиши клавиатуры (системные кнопки, такие как клавиши со стрелками и функциональные клавиши, не распознаются) |
| onkeydown | при нажатии клавиши клавиатуры (системные кнопки могут распознаваться и происходят до нажатия клавиши) |
| onkeyup | При нажатии клавиши клавиатуры выпущено |
| Описание | события |
|---|---|
onchange | Когда пользователь меняет содержимое поля формы, он запускает |
| onfocus. | Когда элемент получает фокус (например, клавиша табуляции или щелчок мышью), |
| onblur | , когда элемент теряет фокус, |
| onsubmit | , когда форма отправляется |
| сбросе | при сбросе формы. |
| Имя события. | Описание события. |
|---|---|
| Загрузка | , когда страница или изображение завершена. Загрузка |
| , выгрузка, | когда пользователь покидает страницу. |
начинается снаружи внутрь (фаза захвата) , а затем из изнутри наружу (фаза пузырька).
Однако
запись типа onxxx (уровень DOM 0) позволяет отслеживать только фазу пузырька , поэтому вам нужно использовать метод addEventListener() (уровень DOM 2);
, функция(){
// Это функция обработки событий}, true) // true означает прослушивание фазы захвата, false означает прослушивание фазы барботирования.