JavaScript События
События HTML - "действие", которые происходят с элементами HTML.
При использовании JavaScript на страницах HTML "взаимодействует" на события.
События HTML
Событие HTML может быть чем-то, что делает браузер или чем-то, что делает пользователь.
Вот несколько примеров событий HTML:
- Закончилась загрузка страницы HTML
- Изменено поле ввода HTML
- Была нажата кнопка HTML
Часто, когда события происходят, вы возможно захотите что-то сделать.
Язык JavaScript позволяет выполнять код при обнаружении события.
HTML разрешает атрибуты обработчика событий, в коде JavaScript, добавляется в элемент HTML.
С одиночными кавычками:
<элемент событие='некоторые JavaScript'>
С двойными кавычками:
<элемент событие="некоторые JavaScript">
В следующем примере атрибут onclick
(с кодом), добавляется в элемент button
:
Пример
<button onclick="document.getElementById('demo').innerHTML = Date()">Время?</button>
Редактор кода »
В приведенном выше примере код JavaScript изменяет содержимое элемента с помощью id="demo"
.
В следующем примере код изменяет содержимое собственного элемента с помощью this.innerHTML
:
Код JavaScript часто имеет наеменьшее количество строк. Это более распространенный вид вызова функций атрибутов событий:
Общие события HTML
Ниже приведен список некоторых распространенных событий HTML:
Событие | Описание |
---|---|
onchange | Элемент HTML был изменен |
onclick | Пользователь щелкает элемент HTML |
onmouseover | Пользователь наводит курсор мыши на элемент HTML |
onmouseout | Пользователь перемещает указатель мыши от элемента HTML |
onkeydown | Пользователь нажимает клавишу клавиатуры |
onload | Браузер закончил загрузку страницы |
Намного больше узнаете на странице: SchoolsW3 JavaScript для обозначения событий DOM в HTML.
Что может сделать JavaScript?
Обработчики событий могут использоваться для обработки и проверки вводимых пользователем данных, действий пользователя и действий браузера:
- Действие, которые должны выполняться каждый раз при загрузке страницы
- Действие, которые должны быть сделаны при закрытии страницы
- Действие, которое должно выполняться при нажатии пользователем кнопки
- Содержимое, которое должно проверяться при вводе пользователем данных
- И многое другое ...
Многие различные методы могут использоваться, чтобы позволить JavaScript для работы с событиями:
- Атрибуты событий HTML могут выполнять код JavaScript напрямую
- Атрибуты событий HTML могут вызывать функции JavaScript
- Можно назначить собственные функции обработчика событий элементам HTML
- Можно предотвратить события отправлять или обрабатывать
- И многое другое ...
Вы узнаете намного больше о события и обработчики событий в HTML-главы дом.