Event.type

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

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

文法

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

結果

仕様

仕様 ステータス コメント
DOM
Event.type の定義
現行の標準
Document Object Model (DOM) Level 2 Events Specification
Event.type の定義
廃止された 初回定義。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
typeChrome 完全対応 45Edge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 32Safari 完全対応 ありWebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報