2017-02-24 2 views
1

反応audiovideoタグでは、イベントごとに重複があります。たとえば、onCanPlayThroughのプロパティとonCanPlayThroughCaptureのタグがあります。両方のブラウザの動作はまったく同じです。React ... Captureイベントとは何ですか?

標準イベントの代わりに...Captureイベントを使用する必要がありますか?それらの主なアイデアは何ですか?どこで情報を見つけることができますか?

答えて

5

DOMイベントが(順番に)ですmultiple phases(下図参照)、している:

  • キャプチャ
  • ターゲット
  • 通常我々がターゲットを使用するか、またはバブリング

をバブリング(addEventListener 'false 3番目のパラメータ)、キャプチャフェーズにフックしたい場合があります(3番目のパラメータ= true)。 ...Captureハンドラはそれを可能にします。

event flow showing capture from window to target element, then target at element, then bubbling from element back up to window

1

彼らは同じではないとdocumentationもこの状態:以下

イベントハンドラは、バブリング段階でイベントによってトリガされます。キャプチャフェーズのイベントハンドラを登録するには、キャプチャをイベント名に追加します。たとえば、onClickを使用する代わりに、onClickCaptureを使用して、取得フェーズでclickイベントを処理します。

通常のDOM bubbling/capturingと同じ効果があります。キャプチャしたい場合、最初にイベントが親に発生します。バブリングすると、それは実際の要素で最初に発火し、次に親にバブルします。

関連する問題