事件：type 属性

注意： 此功能在 Web Workers 中可用。

Event 接口的type 只读属性返回包含事件类型的字符串。它在事件构造时设置，是通常用于引用特定事件的名称，例如 click、load 或 error。

值

包含 Event 类型的字符串。

示例

此示例会在您按下键盘键或单击鼠标按钮时记录事件类型。

HTML

html
<p>Press any key or click the mouse to get the event type.</p>
<p id="log"></p>

JavaScript

js
function getEventType(event) {
  const log = document.getElementById("log");
  log.innerText = `${event.type}\n${log.innerText}`;
}

// Keyboard events
document.addEventListener("keydown", getEventType, false); // first
document.addEventListener("keypress", getEventType, false); // second
document.addEventListener("keyup", getEventType, false); // third

// Mouse events
document.addEventListener("mousedown", getEventType, false); // first
document.addEventListener("mouseup", getEventType, false); // second
document.addEventListener("click", getEventType, false); // third

结果

规范

规范
DOM 标准
# ref-for-dom-event-type④

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅