Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Событие onclick

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Описание
Событие 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 PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Параметр onclick</title>
<script type="text/javascript">
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>Введите адрес электронной почты и нажмите кнопку &laquo;Проверить&raquo;</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(), которая проверяет, корректно ли введен адрес электронной почты. При этом справа от поля выводится сообщение об ошибке или наоборот, правильности ввода данных.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru