GlobalEventHandlers.onclick - Web API 接口参考 编辑

全局事件处理器（GlobalEventHandlers）之一的 onclick 属性，是处理当前元素的 click 事件的事件处理器（EventHandler）。

当用户点击一个元素时，会触发 click 事件。在每次点击的整个过程中，click 事件的运行顺序在 mousedown 和 mouseup 事件之后。

注意：当你使用 click 事件去触发一个动作时，也要考虑向 keydown 事件添加此动作，以便允许不使用鼠标或触摸屏的用户进行同样的操作。

语法

element.onclick = functionRef;

functionRef 是一个函数名称，或一个函数表达式。该函数接收 MouseEvent 对象作为其唯一参数。在函数内，this 是触发当前事件的元素。

同一时刻，每个 onclick 接收器只能指向唯一一个对象。所以，你可能更倾向于使用EventTarget.addEventListener() 的方法，这种方法更加灵活，同时也是 DOM 事件规范格式。

例子

这个例子会记录每次点击的坐标。

HTML

<p>请随意点击本例子。</p>
<p id="log"></p>

JavaScript

let log = document.getElementById('log');

document.onclick = inputChange;

function inputChange(e) {
  log.textContent = `Position: (${e.clientX}, ${e.clientY})`;
}

Result

也可以使用匿名函数：

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

规范

规范	状态	备注
HTML Living Standard onclick	Living Standard

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

参见

• click 事件
• 与 onclick 有关的事件处理器
  • GlobalEventHandlers.onauxclick
  • GlobalEventHandlers.ondblclick