event.type

イベントタイプ（イベント）

意味イベントの種類

event.typeとは？

発生したイベントの種類を表す文字列を取得します（例: 'click'、'keydown'など）。

event.typeの具体的な使い方

複数のイベントタイプの表示

const eventTypes = ['click', 'mouseover', 'mouseout'];

eventTypes.forEach(type => {
  document.addEventListener(type, function(e) {
    console.log(`発生したイベントの種類: ${e.type}`);
  });
});

console.log('ページ上でクリック、マウスオーバー、マウスアウトを行ってください。');

👇出力結果

ページ上でクリック、マウスオーバー、マウスアウトを行ってください。
発生したイベントの種類: mouseover
発生したイベントの種類: mouseout
発生したイベントの種類: click

ページ全体にクリック、マウスオーバー、マウスアウトのイベントリスナーを設定し、それぞれのイベントが発生した際にevent.typeを使用してイベントの種類をコンソールに表示します。

event.typeに関するよくある質問

Q. よく使われるevent.typeの値は？

A. よく使われるevent.typeの値には、'click'（クリック時）、'submit'（フォーム送信時）、'keydown'（キーを押した時）、'mouseover'（マウスオーバー時）などがあります。

Q. カスタムイベントでも使える？

A. はい、カスタムイベントでも使用できます。CustomEventを作成する際に指定したイベント名がevent.typeの値となります。

event.typeが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのevent.typeやcontextmenu、dblclick、animationstart、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。