Значение по умолчанию
Нет.
Применяется к тегам
<a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <basefont>, <bdo> <bgsound>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>,<del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <embed>, <fieldset>, <font>, <form>, <frame>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <isindex>, <kbd>, <label>,<legend>, <li>, <link>, <map>, <marquee>, <menu>, <nobr>, <object>, <ol>, <option>, <p>, <plaintext>, <pre>, <q>, <s>, <samp>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>,<tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <u>, <ul>, <var>, <wbr>, <xmp>
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Событие onblur</title>
</head>
<body>
<form action="">
<p><input type="text" value="Имя" onblur="alert(this.value)"></p>
<p><input type="text" value="Фамилия" onblur="alert(this.value)"></p>
<p><input type="text" value="Адрес" onblur="alert(this.value)"></p>
</form>
</body>
</html>
Результат данного примера показан на рис. 1. При потере фокуса с помощью функции alert на экран выводится значение текущего поля.
Рис. 1. Вызов скрипта при потере фокуса
Событие onchange
Описание
Событие возникает при изменении значения элемента формы, вроде текстового поля или списка. Например, событие onchange добавленное к тегу <textarea> срабатывает каждый раз, когда введен новый текст и поле потеряло фокус.
Синтаксис
onchange="скрипт"
Значения
Код скрипта
Значение по умолчанию
Нет.
Применяется к тегам
<input>, <select>, <textarea>
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Событие onchange</title>
</head>
<body>
<form action="">
<fieldset>
<legend>Быстрый переход по сайту</legend>
<select onchange="document.location=this.options[this.selectedIndex].value">
<option value="#">Выберите раздел сайта</option>
<option value="depart.html">Отделения</option>
<option value="techinfo.html">Техническая информация</option>
<option value="study.html">Обучение</option>
</select>
</fieldset>
</form>
</body>
</html>
Событие onclick
Описание
Событие onclick возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут onclick.
Синтаксис
onclick="скрипт"
Значения
Код скрипта
Значение по умолчанию
Нет.
Применяется к тегам
<a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <basefont>, <bdo> <bgsound>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>,<del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <embed>, <fieldset>, <font>, <form>, <frame>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <isindex>, <kbd>, <label>,<legend>, <li>, <link>, <map>, <marquee>, <menu>, <nobr>, <object>, <ol>, <option>, <p>, <plaintext>, <pre>, <q>, <s>, <samp>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>,<tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <u>, <ul>, <var>, <wbr>, <xmp>
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Событие onclick</title>
<script>
function isEmail() {
var str = document.getElementById("email").value;
var status = document.getElementById("status");
var re = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
if (re.test(str)) status.innerHTML = "Адрес правильный";
else status.innerHTML = "Адрес неверный";
if(isEmpty(str)) status.innerHTML = "Поле пустое";
}
function isEmpty(str){
return (str == null) || (str.length == 0);
}
</script>
</head>
<body>
<form action="">
<p>Введите адрес электронной почты и нажмите кнопку «Проверить»</p>
<p><input type="text" id="email"> <span id="status"></span></p>
<p><input type="button" value="Проверить" onclick="isEmail()"></p>
</form>
</body>
</html>
В данном примере при щелчке по кнопке формы срабатывает событие onclick и идет вызов функции с именем isEmail(), которая проверяет, корректно ли введен адрес электронной почты. При этом справа от поля выводится сообщение об ошибке или наоборот, правильности ввода данных.