JavaScript HTML DOM событие
HTML DOM JavaScript, HTML имеет возможность реагировать на события.
примеров
Реагировать на события
Мы можем выполнить JavaScript, когда происходит событие, например, когда пользователь нажимает на HTML элемент.
Для того, чтобы выполнить код, когда пользователь нажимает на элемент, добавить код JavaScript в атрибуты событие HTML:
HTML примеры мероприятий:
- Когда пользователь нажимает кнопку мыши
- При загрузке страницы
- При загрузке изображения
- Когда мышь перемещается над элементом
- Когда поле ввода изменяется
- Когда вы отправляете форму HTML
- Когда пользователь запускает ключ
В этом примере, когда пользователь на элемент <h1> при нажатии на будет изменять его содержимое:
примеров
<HTML>
<Body>
<H1 OnClick = "this.innerHTML = 'по электронной почте Ой!'"> Нажмите на текст! </ H1>
</ Body>
</ HTML>
Попробуйте »
В этом случае для вызова функции из обработчика событий:
примеров
<HTML>
<Head>
<Script>
Функция changetext (ID)
{
id.innerHTML = "Упс!";
}
</ Script>
</ Head>
<Body>
<H1 OnClick = "changetext (это)"> нажмите на текст! </ H1>
</ Body>
</ HTML>
Попробуйте »
Атрибуты HTML событий
Для того, чтобы назначить события HTML элементов, вы можете использовать атрибуты событий.
примеров
Присвоенный кнопку элемента OnClick события:
Попробуйте »
В приведенном выше примере, функция с именем displayDate будет выполняться при нажатии кнопки.
Используйте HTML DOM, чтобы назначить событие
HTML DOM позволяет использовать JavaScript для назначения событий в HTML-элементов:
примеров
Присвоенный кнопку элемента OnClick события:
. Document.getElementById ( "myBtn") OnClick = функция () {displayDate ()};
</ Script>
Попробуйте »
В приведенном выше примере, функция присваивается по имени displayDate ID = myButn "HTML элемента.
Нажмите на кнопку, когда функция Javascript будет выполняться.
OnLoad и OnUnload событие
OnLoad и OnUnload событие срабатывает, когда пользователь входит или покидает страницу.
OnLoad событие можно использовать тип браузера и версию браузера посетитель обнаружен, и на основе этой информации, чтобы загрузить правильную версию страницы.
OnLoad и событие OnUnload может быть использован для обработки печенье.
OnChange событие
OnChange событие часто в сочетании с проверкой достоверности входных поля для использования.
Ниже приведен пример того, как использовать OnChange. Когда пользователь изменяет содержимое поля ввода, вызывает функцию прописных ().
OnMouseOver и onmouseout событий
OnMouseOver и onmouseout события могут быть использованы для запуска функции, когда пользователь в мышь перемещается к верхней части элемента HTML или элементы удалены.
OnMouseDown, OnMouseUp и OnClick событие
OnMouseDown, OnMouseUp и OnClick представляют все части события мыши. Во-первых, при нажатии на кнопку мыши, триггер OnMouseDown событие, когда пользователь отпускает кнопку мыши, это вызовет OnMouseUp событие, и, наконец, когда завершение мыши, это вызовет событие OnClick.
примеров
Простой OnMouseDown-OnMouseUp экземпляр:
Другие примеры
OnMouseDown и OnMouseUp
Когда пользователь нажимает кнопку мыши, замена изображения.
OnLoad
Когда страница завершения загрузки, отображения окна сообщения.
OnFocus
Когда поле ввода имеет фокус, изменить цвет фона.
события мыши
Когда указатель перемещается над элементом, изменить его цвет, когда указатель перемещается из текста, его цвет изменится снова.