«События HTML DOM» относятся к событиям, которые происходят в объектной модели документа (DOM) HTML-страницы. Эти события могут быть вызваны взаимодействием с пользователем, например нажатием кнопки или наведением курсора на элемент, а также другими действиями, такими как загрузка страницы или изменение данных. Вот некоторые часто используемые методы работы с событиями HTML DOM:
-
addEventListener(): этот метод позволяет прикрепить прослушиватель событий к определенному элементу DOM, позволяя реагировать на события, инициированные на этом элементе.
-
removeEventListener(): используется для удаления прослушивателя событий, который ранее был прикреплен к элементу DOM с помощью метода addEventListener().
-
onclick: это событие происходит, когда пользователь нажимает на элемент. Вы можете назначить функцию свойству onclick элемента для обработки этого события.
-
onmouseover: это событие возникает, когда указатель мыши перемещается над элементом. Вы можете назначить функцию свойству onmouseover элемента для обработки этого события.
-
onsubmit: это событие происходит при отправке формы. Вы можете назначить функцию свойству onsubmit элемента формы для обработки этого события.
-
onload: это событие происходит, когда вся веб-страница и связанные с ней ресурсы (изображения, CSS и т. д.) завершили загрузку.
-
onchange: это событие происходит при изменении значения входного элемента. Вы можете назначить функцию свойству onchange элемента ввода для обработки этого события.
-
onkeydown, onkeyup: эти события происходят, когда пользователь нажимает или отпускает клавишу на клавиатуре. Вы можете назначить функции свойствам onkeydown и onkeyup элемента для обработки этих событий.
-
onscroll: это событие происходит, когда пользователь прокручивает содержимое элемента. Вы можете назначить функцию свойству onscroll элемента для обработки этого события.
-
onresize: это событие происходит при изменении размера окна браузера. Вы можете назначить функцию свойству onresize объекта окна для обработки этого события.
-
preventDefault(): этот метод используется для предотвращения действия по умолчанию, связанного с событием. Например, вы можете использовать его, чтобы запретить отправку формы или переход по ссылке.
-
stopPropagation(): этот метод используется для остановки распространения события через иерархию DOM. Это не позволяет событию запускать прослушиватели родительских элементов.
Это всего лишь несколько примеров методов работы с событиями HTML DOM. Доступно гораздо больше событий и методов, в зависимости от ваших конкретных требований.