Обработчики событий DHTML

С помощью обработчика события можно выполнить某种 действие с элементом при наступлении определенного события.

Пример

Страница полностью загружена.Большинство примеров DHTML требуют IE 4.0+、Netscape 7+ или Opera 7+!

onmouseover и onmouseout
Как изменить цвет элемента при наведении мыши на него и при удалении мыши с элемента.
Пользователь изменяет значение объекта.
Как сделать так, чтобы при单击 изображение оно менялось, а при повторном单击 возвращалось в исходное состояние.
onmousedown и onmouseup
В этот раз лампа загорается только при удержании кнопки мыши.
Отпустите клавиатуру.
Показать диалоговое окно при завершении загрузки страницы.

Обработчик события

С помощью обработчика события можно выполнить某种 действие с элементом при наступлении определенного события: при нажатии на элемент, при загрузке страницы, при отправке формы и т.д.

<h1 onclick="style.color='red'">Нажмите на этот текст</h1>

В этом примере можно определить, чтобы при нажатии на заголовок он становился красным.

Вы также можете добавить скрипт в раздел head страницы и затем вызывать функцию из обработчика события:

<html>
<head>
<script type="text/javascript">
function изменитьцвет()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="изменитьцвет()">Нажмите на этот текст</h1>

</html>

Обработчики событий HTML 4.0 Событие
Происходит, когда... onabort
Пользователь прерывает загрузку страницы. onblur
Пользователь выходит из объекта. onchange
Пользователь изменяет значение объекта. onclick
Пользователь нажимает на объект. ondblclick
Пользователь двойным щелчком нажимает на объект. onfocus
Пользователь активирует объект. onkeydown
Нажмите клавишу. onkeypress
Нажмите клавишу. onkeyup
Отпустите клавиатуру.

onload

Страница полностью загружена.Комментарий:

В Netscape событие происходит при загрузке страницы. Пользователь нажимает кнопку мыши.
onmousemove Курсор мыши перемещается по объекту.
onmouseover Курсор мыши перемещается на объект.
onmouseout Курсор мыши выходит за пределы объекта.
onmouseup Пользователь отпускает кнопку мыши.
onreset Пользователь сбрасывает форму.
onselect Пользователь выбирает содержимое на странице.
onsubmit Пользователь отправляет форму.
onunload Пользователь закрывает страницу.