Обработчики событий DHTML
- Предыдущая страница DHTML DOM
- Следующая страница Обзор 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>