Event：type 属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.

Event 接口的只读属性 type 会返回一个字符串，表示该事件对象的事件类型。该名称在构造事件时设置，通常用于指代特定事件，如 click、load 或 error。

值

包含 Event 类型的字符串。

示例

此示例在你每次按下键盘上的一个键或点击鼠标按钮时输出事件类型。

HTML

html
<p>按任意键或点击鼠标获取事件类型。</p>
<p id="log"></p>

JavaScript

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

// 键盘事件
document.addEventListener("keydown", getEventType, false); // 第一个
document.addEventListener("keypress", getEventType, false); // 第二个
document.addEventListener("keyup", getEventType, false); // 第三个

// 鼠标事件
document.addEventListener("mousedown", getEventType, false); // 第一个
document.addEventListener("mouseup", getEventType, false); // 第二个
document.addEventListener("click", getEventType, false); // 第三个

结果

规范

Specification
DOM Standard
# ref-for-dom-event-type④

浏览器兼容性

BCD tables only load in the browser

参见