Для определения текстовой строки мы задаем параметр type="text" в операторе input.
После заполнения строки пользователь нажимает правой кнокой мыши на какую-либо точку экрана вне поля текста (то есть элемент теряет фокус ввода). При этом управление получает созданная нами функция getname, задаваемая в параметре onBlur.
В свою очередь, параметр этой функции this.value содержит значение строки текста.
Эту строку в функции getname мы выведем на экран в специальном окне с помощью стандартной функции alert.
<script language="JavaScript">
function getname(str) {
alert(str);}
</script>
Введите Ваше имя:
<form>
<input type="text" name="name"
onBlur="getname(this.value); return true;" value="Ваше имя">
</form>
Данный пример можно упростить, удалив функцию getname, и записав: onBlur="alert(this.value); return true;".
Используйте функцию по желаню.
Кроме уже рассмотренного обработчика событий onBlur(), который вызывается, когда text утрачивает фокус ввода, существуют еще 2 обработчика событий:
- onchange() - вызывается, когда пользователь изменяет значение в элементе txt и этот обьект утрачивает фокус ввода,
- onfocus() - вызывается, когда пользователь перемещает фокус ввода с клавиатуры в обьект txt.
Создайте с каждый из этих обработчиков событий в вышеприведенный пример вместо onBlur().