HTML onclick Атрибут события
Пример
Выполнение JavaScript при нажатии кнопки:
<button onclick="myFunction()">Click me</button>
Подробнее примеры ниже.
Определение и использование
При щелчке мышью по элементу активируется атрибут onclick.
Активация атрибута onclick при щелчке мышью
Поддержка браузера
| Атрибут события | |||||
|---|---|---|---|---|---|
| onclick | Да | Да | Да | Да | Да |
Различия между HTML 4,01 и HTML5
Нет.
Синтаксис
<element onclick="script">
Значения атрибутов
| Значение | Описание |
|---|---|
| script | Скрипт, запускаемый при нажатии |
Технические детали
| Поддерживаемые HTML-теги: | Все элементы HTML, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
|---|
Другие примеры
Пример
Щелкните элемент <p>, чтобы изменить цвет текста на красный:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Пример
Нажмите на кнопку, чтобы скопировать текст из поля ввода в другое поле ввода:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Похожие страницы
HTML DOM Ссылки: Событие onclick
❮ Атрибуты события HTML