1
1

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

Posted at

はじめに

この記事は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: コンテキストメニューが要求されるとき(通常はマウスの右クリックによる)

終わりに

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

1
1
0

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