JavaScript для новичков - Обработчик событий
ОГЛАВЛЕНИЕ
Обработчик событий
Что такое обработчики событий? Они могут считаться триггерами, которые выполняют код JavaScript когда, что-либо происходит, как щелчок или наведение курсора на ссылку, отсылка данных формы и т.д.
onClick
Обработчики onClick выполняют что-либо только когда пользователь щелкнет по кнопке, ссылке и т.п. Давайте рассмотрим пример:
<script>
function ss()
{
alert("Спасибо!")
}
</script>
<form>
<input type="button" value="Click here" onclick="ss()">
</form>
Функция ss() вызывается тогда, когда пользователь нажимает кнопку. На заметку: обработчики событий добавляются не в теги <script>, а в html-теги.
onLoad
Обработчик события onload используется для вызова выполнения кода JavaScript после загрузки:
<body onload="ss()">
<frameset onload="ss()">
<img src="whatever.gif" onload="ss()">
onMouseover,onMouseout
Эти обработчики событий выполняются только при работе с ссылками.
<a href="#" onMouseOver="document.write('Добро пожаловать!">Нажмите!</a>
<a href="#" onMouseOut="alert('Хорошая попытка')">Уйти!</a>onUnload
onunload выполняет JavaScript в то время, как пользователь покидает страницу. К примеру, можно поблагодарить пользователей.
<body onunload="alert('Спасибо за посещение нашео веб-сайта.')">
Обработка множества действий
Можно ли иметь такой обработчик событий, который вызовет множество функций/выражений? Да - это просто. Вам всего лишь необходимо вложить функции в обработчик события, но они должны быть разделены точкой с запятой:
<form>
<input type="button" value="Click here!" onClick="alert('Спасибо за посещение веб-сайта!');window.location='http://www.yahoo.com'">
</form>