Листинг 1.10. Обработка события: — потеря объектом фокуса

<HTML>

<HEAD>

<title>Обработка события Blur - потеря объектом фокуса</title>

function srec()

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

</script>

</HEAD>

<BODY>

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

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

onBlur="srec()"><hr>

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

</FORM>

</BODY>

</HTML>

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

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

Событие select вызывается выбором части или всего текста в текстовом поле. Например, щелкнув дважды мышью по полю numl, мы выделим поле, наступит событие select, обработка которого приведет к вычислению требуемого значения.

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