САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Атрибут onclick


❮ Атрибуты событий HTML

Пример

Выполнение JavaScript при нажатии кнопки:

<button onclick="myFunction()">Нажмите на меня</button>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


Определение и использование

Атрибут onclick срабатывает при щелчке мыши по элементу.


Поддержка браузеров

Атрибут событий
onclick Да Да Да Да Да

Различий между HTML 4.01 и HTML5

Нет.


Синтаксис

<Элемент onclick="script">

Значение атрибута

Значение Описание
script Скрипт должен быть запущен на onclick

Технические подробности

Поддерживаются теги HTML: Все элементы HTML, кроме: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>

Больше примеров

Пример

Click on a <p> element to change its text color to red:

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>
Попробуйте сами »

Пример

Click on a button to copy some text from an input field to another input field:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Попробуйте сами »

Связанные страницы

Справочник DOM HTML: Событие onclick


❮ Атрибуты событий HTML