From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- .../web/api/globaleventhandlers/onclick/index.html | 103 +++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 files/ru/web/api/globaleventhandlers/onclick/index.html (limited to 'files/ru/web/api/globaleventhandlers/onclick') diff --git a/files/ru/web/api/globaleventhandlers/onclick/index.html b/files/ru/web/api/globaleventhandlers/onclick/index.html new file mode 100644 index 0000000000..17657d6383 --- /dev/null +++ b/files/ru/web/api/globaleventhandlers/onclick/index.html @@ -0,0 +1,103 @@ +--- +title: GlobalEventHandlers.onclick +slug: Web/API/GlobalEventHandlers/onclick +translation_of: Web/API/GlobalEventHandlers/onclick +--- +
+
{{ ApiRef("HTML DOM") }}
+
+ +
+ +

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

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

Синтаксис

+ +
element.onclick = functionRef;
+
+ +

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

+ +

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

+ +

Пример

+ +
<!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 id="foo">My Event Element</span>
+    <p>click on the above element.</p>
+  </body>
+</html>
+
+ +

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

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

Заметки

+ +

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

+ +

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

+ +

Спецификация

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG','webappapis.html#handler-onclick','onclick')}}{{Spec2('HTML WHATWG')}}
+ +

Совместимость с браузерами

+ +
{{Compat("api.GlobalEventHandlers.onclick")}}
+ +

См. также

+ +
+ +
-- cgit v1.2.3-54-g00ecf