Event.type

type は Event インターフェイスの読取専用プロパティで、イベントの種別を表す文字列を返します。イベントが構築されると設定され、この名前は 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()