Браузерные события
Событие – это сигнал от браузера о том, что что-то произошло.
Все DOM-узлы подают такие сигналы (хотя события бывают и не только в DOM).
Вот список самых часто используемых DOM-событий:
События мыши:
-
-
-
-
-
События на элементах управления:
-
-
Клавиатурные события:
-
#браузерные_события #DOM
Событие – это сигнал от браузера о том, что что-то произошло.
Все DOM-узлы подают такие сигналы (хотя события бывают и не только в DOM).
Вот список самых часто используемых DOM-событий:
События мыши:
-
click – происходит, когда кликнули на элемент левой кнопкой мыши (на устройствах с сенсорными экранами оно происходит при касании).-
contextmenu – происходит, когда кликнули на элемент правой кнопкой мыши.-
mouseover / mouseout – когда мышь наводится на / покидает элемент.-
mousedown / mouseup – когда нажали / отжали кнопку мыши на элементе.-
mousemove – при движении мыши.События на элементах управления:
-
submit – пользователь отправил форму <form>.-
focus – пользователь фокусируется на элементе, например нажимает на <input>.Клавиатурные события:
-
keydown и keyup – когда пользователь нажимает / отпускает клавишу.#браузерные_события #DOM
👍2❤1
DOM-дерево
Основой HTML-документа являются теги.
В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом.
Все эти объекты доступны при помощи JavaScript, мы можем использовать их для изменения страницы.
Например,
Если запустить код на картинке выше, то
#DOM #документ
Основой HTML-документа являются теги.
В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом.
Все эти объекты доступны при помощи JavaScript, мы можем использовать их для изменения страницы.
Например,
document.body – объект для тега <body>.Если запустить код на картинке выше, то
<body> станет красным на 3 секунды:#DOM #документ
👍4❤1🔥1