最終更新:2024-01-18 (木) 01:13:39 (104d)  

React/合成イベント
Top / React / 合成イベント

https://ja.reactjs.org/docs/events.html

動作

  • イベントハンドラには、SyntheticEventのインスタンスが渡される
    • ブラウザのネイティブイベントに対するクロスブラウザ版のラッパ
    • stopPropagation?() と preventDefault() を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちつつ、ブラウザ間で同じ挙動をするようになっている
↑

実際のイベント

  • nativeEvent
↑

フェーズ

↑

バブリングフェーズ

↑

キャプチャフェーズ

  • キャプチャフェーズでクリックイベントを処理するにはonClickの代わりにonClickCapture?を使用します
↑

サポートするイベント

↑

クリップボードイベント

↑

コンポジションイベント

↑

キーボードイベント

↑

フォーカスイベント

↑

フォームイベント

↑

汎用イベント

↑

マウスイベント

  • onClick
  • onContextMenu?
  • onDoubleClick?
  • onDrag?
  • onDragEnd?
  • onDragEnter?
  • onDragExit?
  • onDragLeave?
  • onDragOver?
  • onDragStart?
  • onDrop?
  • onMouseDown?
  • onMouseEnter?
  • onMouseLeave?
  • onMouseMove?
  • onMouseOut?
  • onMouseOver?
  • onMouseUp?
↑

ポインタイベント

↑

選択イベント

↑

タッチイベント

↑

UI イベント

↑

ホイールイベント

↑

メディアイベント

↑

画像イベント

↑

アニメーションイベント

↑

遷移イベント

↑

その他のイベント

↑

関連

  • React/イベントハンドラ?



検索：