GlobalEventHandlers.onclick

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

* Some parts of this feature may have varying levels of support.

Свойствоonclick возвращает обработчик событияclick на текущем элементе.

Примечание:При использовании обработчика событияclick для вызова любого действия, убедитесь, что событиеkeydown имеет такое же действие. Это нужно для того, чтобы пользователи, которые не используют мышь или тачскрин могли использовать то же действие.

Синтаксис

element.onclick = functionRef;

гдеfunctionRef это функция - зачастую это имя функции, которая объявлена где-то в другом месте или жефункциональное выражение. См. "JavaScript Guide:Functions".

Единственный аргумент, переданный в определённую функцию обработчик события этоMouseEvent объект.this внутри обработчика будет указывать на элемент, на котором было вызвано событие.

Пример

html

<!doctype html><html lang="en">  <head>    <meta charset="UTF-8" />    <title>onclick event example</title>    <script>      function initElement() {        var p = document.getElementById("foo");        // NOTE: showAlert(); или showAlert(param); так НЕ сработает.        // Нужно использовать ссылку на функцию, но не вызов функции.        p.onclick = showAlert;      }      function showAlert(event) {        alert("onclick Event detected!");      }    </script>    <style>      #foo {        border: solid blue 2px;      }    </style>  </head>  <body onload="initElement();">    <span>My Event Element</span>    <p>click on the above element.</p>  </body></html>

Или же вы можете использовать анонимную функцию, как здесь:

p.onclick = function (event) {  alert("moot!");};

Примечания

Событиеclick возникает, когда пользователь кликает на элемент. Событиеclick возникнет после событийmousedown иmouseup.

С данным свойством только один обработчик событияclick может быть назначен объекту. Возможно, вместо данного метода, вам стоит обратить внимание на методEventTarget.addEventListener(), т.к. он более гибкий и является частью спецификации DOM Events.