javascript - イベントをバインドし、反応時のイベントのバブリングを防止する

Question

コードに直接行きましょう。長い間考えてきましたが、問題がどこにあるのかわかりません。

リーリー

この機能は、ここでクリック イベントを使用することを除いて、Taobao の上部にあるナビゲーション バーに似ています。ここで、spreadHandler をトリガーするときにバブリングをキャンセルしますが、ドキュメントのクリック イベントは引き続きトリガーされます。イベントが a タグにバインドされているためなのか、それとも他の理由で発生しているのかわかりません。何が起こっているのか知っている人はいますか?

Answer 1

反応の合成イベントでのバブリングを防止しても、ネイティブ イベントのバブリングをキャンセルすることはできません。
ネイティブ イベントでのバブリングを防止すると、反応の合成イベントでのバブリングを防ぐことができます。
そのため、これらを混合しないようにする必要があります。その場合は、次のように追加できます。ドキュメントイベントハンドラーの判断層

リーリー

Answer 2

e.preventDeafult()

Answer 3

これを試してください:

リーリー

React のイベント メカニズムはネイティブ JS のイベント メカニズムとは異なります。

Answer 4

React の合成イベントはすべて、ドキュメント上のクリックにバインドされたイベント プロキシを通じて実装されるため、合成イベントのバブリングを防止してドキュメント上の他のイベント処理を防ぐことは不可能です (すでにドキュメントにバブリングされています)。そのため、次を使用する必要があります。ネイティブイベント