Event.type

Event インターフェイスの type 読取専用プロパティがイベントタイプを含む文字列を返します。イベントがコンストラクトされると設定され、名前は、click、load、error のように一般的に参照される特定のイベントです。

利用可能なイベントタイプの一覧は、イベントリファレンスをご覧ください。

文法

let eventType = event.type;

値

Event のタイプを含む DOMString。

例

この例は、キーボードのキーを押すか、マウスボタンをクリックするとイベントタイプをログに出力します。

HTML

<p>キーを押すか、マウスをクリックしてください。</p>
<p id="log"></p>

JavaScript

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

結果

仕様

ブラウザー実装状況

関連情報

• EventTarget.addEventListener()
• EventTarget.removeEventListener()