Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

JavaScript События

HTML события имели место на HTML-элементов вещей.

При использовании JavaScript в HTML-страницы, JavaScript может вызвать эти события.


HTML событие

HTML событие может быть поведение браузера может быть также поведение пользователей.

Ниже приведены примеры HTML события:

  • HTML страницы завершения загрузки
  • Когда HTML изменения поля ввода
  • Кнопка HTML нажата

Как правило, когда происходит событие, вы можете сделать что-то.

При наступлении события JavaScript может выполнить код.

HTML элементы могут быть добавлены к атрибуту событий с помощью кода JavaScript для добавления HTML-элементов.

Одинарные кавычки:

<Some-HTML-элемента ино- событие = 'некоторые JavaScript'>

Двойные кавычки:

<Some-HTML-элемента ино- событие = "некоторые JavaScript">

В следующем примере, кнопка элемент добавлен атрибут OnClick (плюс код):

примеров

<Кнопка OnClick = 'getElementById ( "демо"). InnerHTML = Date ()'> Время ?? </ кнопка>

Попробуйте »

В приведенном выше примере, JavaScript содержание кода ID = элемент "демо".

В следующем примере, код будет изменять содержимое самого элемента ( с помощью этого .innerHTML):

примеров

<Кнопка OnClick = "this.innerHTML = Date ()"> Время </ Button>

Попробуйте »

примечание JavaScript-код, как правило, несколько строк кода. Чаще вызывается свойствами событий:

примеров

<Кнопка OnClick = "displayDate ()"> Время </ Button>

Попробуйте »


Общие события HTML

Вот список некоторых общих событие HTML:

событие описание
OnChange Изменения элементов HTML
OnClick Пользователь нажимает на HTML элемент
OnMouseOver Пользователь перемещает курсор мыши на элемент HTML
onmouseout Пользователи переместить мышь из элемента HTML
OnKeyDown Пользователь нажимает клавишу
OnLoad Браузер завершил загрузку страницы

Подробнее Список событий: Код JavaScript Reference - HTML DOM событие .


JavaScript Что можно сделать?

События могут быть использованы для обработки формы проверки, пользователь вводит, поведение пользователей и действия браузера:

  • Событие срабатывает при загрузке страницы
  • Событие срабатывает, когда страница Закрыть
  • Пользователь нажимает на кнопку, чтобы выполнить действие
  • Проверить достоверность пользовательского ввода
  • И так далее ...

Вы можете использовать различные методы для выполнения кода JavaScript событий:

  • Атрибуты событий HTML могут выполнять код JavaScript напрямую
  • Атрибуты событий HTML может вызвать функцию JavaScript
  • Вы можете задать свой собственный обработчик событий для элементов HTML
  • Вы можете предотвратить возникновение события.
  • И так далее ...
примечание В HTML DOM главе вы узнаете больше о событии и знания обработчика событий.