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