Имя события Событие наступает при Обработчик события

Load завершении загрузки страницы onLoad

Click нажатии кнопки мыши в области onClick

элемента формы или гиперссылки

Focus получении фокуса элементом (окно, фрейм) onFocus

Blur потере фокуса элементом onBlur

Change изменении значения текстового поля onChange

MouseOver перемещении курсора мыши в область onMouseOver

MouseOut элемента (из области элемента) on MouseOut

Select выборе элемента списка в области формы onSelect

Интерпретация события броузером. Каждое событие связано с определённым тегом HTML. Когда пользователь совершит какое-либо действие в области элемента страницы, генерируется событие, которое перехватывает интерпретатор JavaScript и обрабатывает по соответствующему сценарию.

Обработка события. Сценарий обработки события размещают в теле функции, описанной в контейнере <head> function Имя { }</head>.

Обработчик события помещают как атрибут (Имяобработчика=”Имяфункции”)в какой-либо тег HTML.

Таким образом, обработчик события вызывает на выполнение сценарий, записанный в теле функции.

Пример:

<html>

function Start() {

alert (“Загрузка страницы произошла!”)

}

</script></head>

</body>

</html>

По окончании загрузки документа обработчик события onLoad выполнит функцию, описанную в заголовке документа – вывод панели alert с текстом «Загрузка страницы произошла!».

Контрольные вопросы

1. Что такое событие в языке JavaScript?

2. Назовите основные события, когда наступает названное событие, каков обработчик?

3. Как интерпретирует (переводит) обработку события броузер?

4. Где размещается сценарий обработки события?

5. Каков способ вызова обработчика события?

6. Приведите пример обработки события при загрузке страницы onLoad.

2. OnClick как атрибут гиперссылки

Событие Click возникает при щелчке по ссылке, обработку выполняет обработчик onClick.

Задача «Подтверждение гиперссылки». Выполните запрос методом confirm о подтверждении перехода к просмотру документа “primer.htm” для события – активизация пользователем гиперссылки.

<html>

function z1() {

d=confirm(“Прошу подтверждения перехода!”)

if (d==true) {return true}

else {document.bgColor=”cyan”;

return false}

}

</script></head>

<body>

<h1>Подтверждение гиперссылки</h1>

<a href=”primer.htm” onClick=”return z1()”>переход </a>

</body>

</html>

При задании обработчика события onClick в исходном якоре ссылки указано имя функции-обработчика z1(), а также ключевое слово return, возвращающее её результат – нажатие одной из кнопок в панели confirm . При нажатии “ok” (true) броузер начнёт загрузку файла primer.htm, при нажатии “cancel” (false) броузер оставит в своём окне “родной” документ со сменой цвета фона.