最終更新:2024-01-18 (木) 01:13:39 (107d)
React/合成イベント
https://ja.reactjs.org/docs/events.html
動作
- イベントハンドラには、SyntheticEventのインスタンスが渡される
- ブラウザのネイティブイベントに対するクロスブラウザ版のラッパ
- stopPropagation?() と preventDefault() を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちつつ、ブラウザ間で同じ挙動をするようになっている
実際のイベント
- nativeEvent
フェーズ
バブリングフェーズ
キャプチャフェーズ
サポートするイベント
クリップボードイベント
コンポジションイベント
キーボードイベント
フォーカスイベント
フォームイベント
汎用イベント
マウスイベント
- onClick
- onContextMenu?
- onDoubleClick?
- onDrag?
- onDragEnd?
- onDragEnter?
- onDragExit?
- onDragLeave?
- onDragOver?
- onDragStart?
- onDrop?
- onMouseDown?
- onMouseEnter?
- onMouseLeave?
- onMouseMove?
- onMouseOut?
- onMouseOver?
- onMouseUp?
ポインタイベント
選択イベント
タッチイベント
UI イベント
ホイールイベント
メディアイベント
画像イベント
アニメーションイベント
遷移イベント
その他のイベント
関連
- React/イベントハンドラ?