DHTML - HTML События
HTML события могут запускать определенные действия в браузере.
HTML События
Каждый элемент на HTML странице имеет события, которые могут запустить JavaScript.
Например, мы может использовать событие onClick элемента button (кнопка) для указания функции, которая будет выполнена, когда пользователь нажимает эту кнопку. Мы определяем события в HTML тегах.
Примеры событий:
- Клик мыши
- Загрузка веб страницы или изображения
- Перемещение мыши над определенным местом на веб странице
- Выбор поля ввода на HTML форме
- Отправка HTML формы
- Нажатие клавиши на клавиатуре
В следующем примере, содержимое элемента h1 изменится, когда пользователь на нем кликнет мышью:
Пример
<html>
<body>
<h1 onclick="this.innerHTML='Упс!'">Кликни меня!</h1>
</body>
</html> |
Попробуйте сами »
|
Вы также можете добавить скрипт в секцию head, а затем вызвать функцию из обработчика события:
Пример
<html>
<head>
<script type="text/javascript">
function changetext(id)
{
id.innerHTML="Упс!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">Кликни меня!</h1>
</body>
</html> |
Попробуйте сами »
|
 |
Еще примеры
|
События onmousedown и onmouseup
Изменить изображение, когда пользователь зажимает кнопку мыши.
Событие onload
Показать окно предупреждения, когда страница полностью загрузится.
|
