Серверное время 2017-10-22 11:16:45
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Событие 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="скрипт"
Значения
Код скрипта.
Значение по умолчанию
Нет.
Применяется к тегам
Пример

<!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 Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz