Подія onclick виникає при натисканні лівою кнопкою миші на елементі, до якого додано атрибут onclick.
Синтаксис
onclick="<скрипт>"
Значення
Див. скрипт.
Приклад
<!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.-]+.[az]{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(), яка перевіряє, чи правильно введено адресу електронної пошти. При цьому праворуч від поля виводиться повідомлення про помилку або навпаки, правильність введення даних.
Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- &nb sp;— елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.
Кількість вказує версію браузреа, починаючи з якої елемент підтримується.