Reactで頭の片隅に置いておきたいイベント一覧

はじめに

この記事はReactで使用できるイベントの一覧をまとめた記事です．

本文

アニメーション系

onAnimationStart: CSSアニメーションが開始するとき
onAnimationIteration: CSSアニメーションが繰り返されるたび
onAnimationEnd: CSSアニメーションが終了するとき

クリップボード系

onCopy: ユーザーがコンテンツをコピーするとき（例えば、Ctrl+Cを使用するとき）
onCut: ユーザーがコンテンツを切り取るとき（例えば、Ctrl+Xを使用するとき）
onPaste: ユーザーがコンテンツを貼り付けるとき（例えば、Ctrl+Vを使用するとき）

コンポジション系

onCompositionStart: テキスト入力のためのコンポジション（組み立て）が開始されるとき
onCompositionUpdate: コンポジション中にテキストが更新されるとき
onCompositionEnd: コンポジションが終了するとき

ドラッグ＆ドロップ系

onDragStart: ドラッグ操作が開始されるとき
onDragEnd: ドラッグ操作が終了するとき
onDragEnter: ドラッグされた要素がドロップ対象に入るとき
onDragLeave: ドラッグされた要素がドロップ対象から離れるとき
onDragOver: ドラッグされた要素がドロップ対象上にある間
onDrop: ドラッグされた要素がドロップ対象上でドロップされるとき

フォーカス

onFocus: 要素がフォーカスを得るとき
onBlur: 要素がフォーカスを失うとき

キーボード

onKeyDown: キーボードのキーが押されるとき
onKeyUp: キーボードのキーが離されるとき

マウス

onClick: マウスボタンがクリックされるとき
onMouseEnter: マウスポインタが要素の境界内に入るとき
onMouseOver: マウスポインタが要素上に移動するとき
onMouseDown: マウスボタンが要素上で押されるとき
onMouseUp: マウスボタンが要素上で離されるとき
onMouseLeave: マウスポインタが要素を離れるとき
onMouseOut: マウスポインタが要素やその子要素から離れるとき

その他

onScroll: 要素がスクロールされるとき
onWheel: マウスホイール操作が行われるとき
onContextMenu: コンテキストメニューが要求されるとき（通常はマウスの右クリックによる）

終わりに

記事を読んでくださりありがとうございました．