事件:type 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

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

typeEvent 接口的一个只读属性,它返回一个包含事件类型的字符串。该属性在事件被构造时设置,并且是通常用于指代特定事件的名称,例如 clickloaderror

一个包含 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); // first
document.addEventListener("keypress", getEventType); // second
document.addEventListener("keyup", getEventType); // third

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

结果

规范

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

浏览器兼容性

另见