Reactガイドを読んでいくその191

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

合成イベント (SyntheticEvent)

SyntheticEventのラッパについて説明する章になっている。

概要

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

ブラウザイベントが必要な場合はnativeEvent属性を使用するだけで取得が可能。
SyntheticEventは複数の属性を持っている。

boolean bubbles
boolean cancelable
DOMEventTarget currentTarget
boolean defaultPrevented
number eventPhase
boolean isTrusted
DOMEvent nativeEvent
void preventDefault()
boolean isDefaultPrevented()
void stopPropagation()
boolean isPropagationStopped()
void persist()
DOMEventTarget target
number timeStamp
string type

今日はここまで。