События загрузки/выгрузки страницы
Последовательность запуска:
DOMContentLoaded -> загрузить -> перед выгрузкой
| событие | объект | курок |
| DOMContentLoaded | документ окно |
Документы HTML (деревья DOM) загружаются в память и анализируются. Срабатывает перед загрузкой. |
| нагрузка | окно | HTML-документ (дерево DOM), css, изображения при загрузке и анализе |
| перед разгрузкой | окно | Закрывайте вкладку окна браузера при обновлении страницы. Срабатывает перед разгрузкой. |
событие фокуса (DOM)
Используется для: При взаимодействии с элементами управления формы.
| событие | курок |
| фокус | когда элемент получает фокус |
| размытие | когда элемент теряет фокус |
События мыши (DOM)
Инициировать событие при нажатии : вниз -> вверх -> щелчок
| событие | курок |
| нажмите | Когда основная кнопка мыши нажата и отпущена на элементе |
| наведение мыши | При нажатии любой кнопки мыши на элементе |
| мышь | Когда любая кнопка мыши отпускается после нажатия на элемент |
| наведение мыши | Событие события A срабатывает, когда мышь перемещается от элемента A к граничной области элемента или его дочерних элементов. |
| мышь | Это событие элемента A запускается, когда мышь перемещается от элемента A к границе элемента или за пределы его подэлементов, или когда мышь входит в подэлемент |
| движение мыши | Когда мышь перемещается по элементу (неоднократно срабатывает) |
| контекстное меню | При открытии контекстного меню (контекстное меню) |
События клавиатуры (DOM)
Запускается, когда пользователь нажимает клавишу на клавиатуре
Последовательность срабатывания: нажатие клавиши -> нажатие клавиши
| событие | курок |
| нажатие клавиши | Когда нажата клавиша (нажатие и удерживание будет срабатывать повторно) |
| ключ | Происходит после изменения значения поля ввода при нажатии и отпускании клавиши |
События, связанные с элементом формы
Используется, когда пользователь взаимодействует с формой или элементом управления формы.
| событие | курок |
| вход | Когда значение ввода, выберите, элемент управления textarea изменяется |
| изменять | Когда значение элемента изменяется и отправляется, оно используется при изменении значения элементов управления select, radio и checkbox. |
| представлять на рассмотрение | Когда форма отправляется на сервер |