此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Event:type 属性

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

包含 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); // 第三个

结果

规范

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

浏览器兼容性

参见