javascript - 2 つのクリックイベント。大きな DIV には小さな DIV が含まれています。小さな DIV をクリックすると、大きな DIV もトリガーされます。これに対処するにはどうすればよいですか?

Question

クリックイベントが2つあり、大きいDIVの中に小さいDIVが含まれており、小さいDIVをクリックすると大きいDIVもトリガーされます。図で説明したように、小さい DIV のクリックをクリックすると、大きい DIV もトリガーされますが、今度は小さい DIV をクリックするだけで、小さいクリック イベントのみがトリガーされます。今

伊谢尔伦 · Answer

stopPropagation()

给我你的怀抱 · Answer

オブジェクト上で特定のタイプのイベント (onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window をクリックするなど) をトリガーすることは、イベントバブリングと呼ばれます。

リーリー

迷茫 · Answer

JSのバブリング(キャプチャ)イベントです

このような解決策は非常に簡単です

リーリー

PHP中文网 · Answer

js のバブリング、バブリングをキャンセルするだけです
イベント委任を使用すると、この問題は発生しません

为情所困 · Answer

これら 2 つの記事を読んでも理解できない場合は、私に来てください:

http://javascript.info/bubbli...
https://stackoverflow.com/que...

阿神 · Answer

私は 2 つの解決策を考えています:
1. イベントのバブリングを防ぐ。
イベントバブリングは、内側の子要素から外側の親要素まで段階的に実行されます。子要素のクリックイベントを実行する場合、イベントを上位層に渡すことができないように、バブリングブロックイベントを呼び出す必要があります。上位層のイベントを実行します。
2. クリックを引き起こした要素に基づいてさまざまなイベントを実行します。
クリックされた要素が子要素による場合はイベントAが実行され、子要素でない場合はイベントBが実行されます。

淡淡烟草味 · Answer

この事件の詳細については、こちらを参照してください/a/11...

曾经蜡笔没有小新 · Answer

通常の慣例によれば、このようにトリガーされることはありません。クリックイベントをバインドするために使用するセレクターを知りたいのですが、クリックコードとp

のHTMLコードを投稿した方がよいでしょう。