HTML атрибут событий `onclick`

Значение и применение

Атрибут событий onclick позволяет задать срабатывание скрипта при нажатии на элементе.

Поддержка браузерами

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьapi.Element.click_event
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
click event	✓1	✓12	✓6 Версия 6 выпущена в 2011 г. Примечание MDN (англ.) Beginning in Firefox 68, Firefox no longer incorrectly sends a `click` event for buttons other than the primary mouse button; previously, there were circumstances in which this would occur. One example: middle-clicking a link would send a `click` to the document's `<html>` element.	✓11.6	✓3	✓18	✓6	✓12.1	✓1	✓1.0	✓4.4	✓1
Is a PointerEvent	✓92	✓92	✓129	✓78	✓18.2	✓92	✓129	✓65	✓18.2	✓16.0	✓92	✓18.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис

HTML

<element onclick = "script" >

Примеры, попробуйте сами

Событие click

Нажмите ▶. Нажмите кнопку.

index.html

HTML

<p id="demo">Кликните по кнопке для запуска скрипта:</p>

<button>Нажми меня!</button>

main.js

JavaScript

function mouseTest1() {
    var x = document.getElementById('demo')
    x.style.fontSize = '25px'
    x.style.color = 'orange'
    x.style.backgroundColor = '#555555'
}

document.querySelector('button').addEventListener('click', function () {
    mouseTest1()
})

Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>.

HTML атрибут событий onclick