Реакция на событие Change.

Для того чтобы при изменении параметра следовала реакция на это изменение используем событие Change.

Зададим форму, в которой определены два текстовых поля: одно для длины стороны квадрата, другое для вычисленной площади. Кнопка Обновитьочищает поля формы. Площадь квадрата вычисляется при возникновении события change, которое происходит в тот момент, когда значение элемента формы с именем numl изменилось, и элемент потерял фокус. HTML-код представлен в листинге 1.8.

Листинг 1.8.Площадь квадрата

<HTML>

<HEAD>

<title>Обработка события Change — изменение значения элемента</title>

function srec(obj)

{ obj.res.value=obj.numl.value* obj.numl.value}

</script>

</HEAD>

<BODY>

<Р>Вычисление площади квадрата</Р>

Сторона: <input type="text" size=7 name="numl"

onChange="srec(forml)">

<hr>

Площадь: <input type="text" size=7 name="res"><hr>

</FORM>

</BODY>

</HTML>

Обработка события Focus

Напишем сценарий, определяющий площадь квадрата по заданной стороне. Площадь должна вычисляться в тот момент, когда пользователь переходит к элементу формы с помощью клавиши <Таb> или щелчка мыши.

При решении этой задачи вызов функции произойдет как реакция на событие FOCUS, параметр обработки события onFocus. HTML-код представлен в листинге 1.9.