人工的なイベント

あなたのイベントハンドラには、SyntheticEventのインスタンスが渡されます。 これは、ブラウザのネイティブのイベントをクロスブラウザ用にラップしたものです。 全てのブラウザで同じように動作するイベントを除き、 stopPropagation()preventDefault()を含むブラウザのネイティブのイベントと同じインターフェースを持ちます。

もし、何らかの理由で根底にあるブラウザのイベントが必要となる場合は、 単純にnativeEvent属性を使用してそれを取得します。 SyntheticEventオブジェクトは下記の属性を持ちます。

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

注意:
v0.12時点でイベントハンドラからfalseを返しても、イベント伝搬を停止しないようになりました。 代わりにe.stopPropagation()またはe.preventDefault()を適切に手動でトリガする必要があります。

 Back to top

© 2013-2017 Facebook Inc.
Documentation licensed under CC BY 4.0.

このページは、ページトップのリンク先のReact内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • ドキュメントの情報が古い可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。