Урок 3. Обработчики событий.

Cейчас вы уже представляете себе, что такое некоторые события и команды, которые ими управляют. Давайте рассмотрим, как действуют другие. Все они работают по одной схеме. Так что если вам не чужда логика, вы легко сможете поместить их на свои страницы.

Теория

превым будет оброботчик onClick(на клик) это почти тоже самое что и onMouseOver только сробатывает при клике на ссылку. вот. тоже полезная вещь. Для демонстрации его возможностей сначала познакомимся с методом alert Он вызывает небольшое диалоговое окно с текстом и кнопкой OK.

Синтаксис этой команды:

alert('текст сообщения')

Пример скрипта будет чуть позже.

Второй оброботчик это onFocus(на фокус)

Это замечательная команда, которая вызывает действие, когда пользователь «фокусируется» на элементе страницы. Это годится для форм: флажков (checkbox) и текстовых полей (textbox).

Следующий onBlur(на потерю фокуса)

Если можно сосредоточиться на объекте, значит, можно и «потерять фокус». оnBlur позволяет сообщить пользователю о том, что он изменил свой ответ. Этот обработчик не так часто используется.

Еще одна команда onChange(на изменеие)

Действие этой команды очень похоже на действие предыдущей, onBlur. Ее главная задача — проверка. Когда мы ближе познакомимся с формами, это станет понятнее. Этот обработчик события проверяет, сделал ли пользователь то, что вы от него просили.

Команда onSelect (на выделение)

Эта команда работает так же, как и три предыдущие, отмечая, что в поле ввода произошли изменения, — в данном случае был выделен текст. Попробуйте сам ее применить.

Команды onLoad и onUnload (на вход и выход)

Пока я не привожу примера на эти команды, так как им отведен отдельный урок, однако я счел необходимым их упомянуть. Обе они помещаются внутри строки HTML <BODY>. Они вызывают событие, когда страница открывается или закрывается, то есть когда вы уходите со страницы. Эти команды потребуются вам, когда мы возьмемся за функции.

Вот такие вот обработчики, а теперь парочку примеров:

Текст скрипта

Сначал onClick

<a href="//vogu35.ru/" onClick="alert('Уже уходите!');"> Жмите сюда</a>

Результат:

Жмите сюда

Теперь onFocus

<form>
<input type="text" size="30" onFocus="window.status='Текст в строке состояния';">13:50
</form>

Результат:

Щелкнита на поле ввода и посмотрите на строку состояния.

А это пример для onBlur

<form>
<input type="text" size="45" value="Впишите свое имя и щелкните по другой строке"
onBlur="alert('Вы изменили ответ — уверены, что он правильный?');">
</form>

Результат:

Задание на эту тему будет чуть позже, когда мы наберемся знаний чуть-чуть по больше.