Листинг 1.9. Обработка события Focus — объект формы получает фокус

<HTML>

<HEAD>

<title>Обработка события Focus — объект формы получает фокус</title>

function srec()

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

</script>

</HEAD>

<BODY>

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

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

value=6 onFocus="srec()"><hr>

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

</FORM>

</BODY>

</HTML>

При щелчке мышью по текстовому полю с именем numl, в поле с именем res помещается значение 36. Можно задать другое значение стороны квадрата и в тот момент, когда элемент формы numl получит фокус, значение площади будет помещено в соответствующее поле.

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

Событие "потеря фокуса" (Blur) происходит в тот момент, когда элемент формы теряет фокус. В следующем варианте решения задачи вычисления происходят в тот момент, когда поле формы, содержащее данные, потеряло фокус.

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