🧐
addEventListenerで使用するイベントまとめ
##n番煎じで既に上位互換のナレッジがあるとは思いますが健忘録として残します、まだclickとscrollぐらいしか使ってない
- Mouse Events（マウスイベント）
- click: 要素がクリックされたとき
- dblclick: 要素がダブルクリックされたとき
- mousedown: マウスボタンが押されたとき
- mouseup: マウスボタンが離されたとき
- mousemove: マウスが移動したとき
- mouseenter: マウスが要素に入ったとき
- mouseleave: マウスが要素から出たとき
- Keyboard Events（キーボードイベント）
- keydown: キーが押されたとき
- keyup: キーが離されたとき
- Form Events（フォームイベント）
- submit: フォームが送信されたとき
- change: フォーム要素の値が変更されたとき
- input: フォーム要素の入力があったとき
- focus: 要素がフォーカスを受けたとき
- blur: 要素がフォーカスを失ったとき
- Window Events（ウィンドウイベント）
- load: ページやリソースが読み込まれたとき
- resize: ウィンドウのサイズが変更されたとき
- scroll: ウィンドウがスクロールされたとき
- unload: ページが閉じられるまたは離れるとき
- Touch Events（タッチイベント） (モバイルデバイス向け)
- touchstart: タッチが開始されたとき
- touchend: タッチが終了したとき
- touchmove: タッチが移動したとき
- Drag Events（ドラッグイベント）
- drag: 要素がドラッグされている間
- dragstart: ドラッグが開始されたとき
- dragend: ドラッグが終了したとき
- dragover: ドラッグしている要素が他の要素の上にあるとき
- drop: ドラッグした要素がドロップされたとき
Discussion