LoginSignup
1
1
はじめての記事投稿
Qiita Engineer Festa20242024年7月17日まで開催中!

JavaScriptにおけるイベント

Last updated at Posted at 2024-06-17

JavaScriptにおけるイベント

ユーザーの操作やブラウザの動作によって発生するアクションを指します。イベントは、ユーザーとウェブページとのインタラクションを処理するために使用されます。以下に、いくつかの主要なイベントとその説明を示します。

マウスイベント

click : ユーザーが要素をクリックしたときに発生します。
dblclick: ユーザーが要素をダブルクリックしたときに発生します。
mousedown: ユーザーがマウスボタンを押下したときに発生します。
mouseup: ユーザーがマウスボタンを放したときに発生します。
mousemove: ユーザーがマウスを動かしたときに発生します。
mouseover: マウスポインターが要素の上に乗ったときに発生します。
mouseout: マウスポインターが要素から離れたときに発生します。
mouseenter: マウスポインターが要素に入ったときに発生します。バブリングしません。
mouseleave: マウスポインターが要素から出たときに発生します。バブリングしません。

キーボードイベント

keydown: ユーザーがキーを押下したときに発生します。
keyup: ユーザーがキーを放したときに発生します。
keypress: ユーザーがキーを押下したときに発生します。keydown と keyup の間に発生しますが、現在は非推奨です。

フォームイベント

submit: フォームが送信されたときに発生します。
reset: フォームがリセットされたときに発生します。
focus: 要素がフォーカスされたときに発生します。
blur: 要素からフォーカスが外れたときに発生します。
change: フォーム要素の値が変更されたときに発生します。

ウィンドウイベント

load: ページが完全に読み込まれたときに発生します。
resize: ウィンドウのサイズが変更されたときに発生します。
scroll: ページがスクロールされたときに発生します。
unload: ページがアンロードされるときに発生します。

タッチイベント(モバイル向け)

touchstart: ユーザーがタッチデバイスで画面に触れたときに発生します。
touchmove: ユーザーがタッチしたまま指を動かしたときに発生します。
touchend: ユーザーがタッチした指を画面から離したときに発生します。

その他のイベント

input: 入力要素の値が変更されたときに発生します。change イベントと異なり、リアルタイムで発生します。
contextmenu: コンテキストメニュー(右クリックメニュー)が表示されたときに発生します。

※この記事はChatGPTの検索結果をもとに作成しています。

1
1
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1