javascript - 親要素がクリックにバインドされている場合、子要素がクリックをバインドせずに親要素のクリックをトリガーすることを回避するにはどうすればよいですか?

Question

HTML：

リーリー

JS：

リーリー

子要素をクリックすると、子要素が消えます。この状況を回避するにはどうすればよいでしょうか?クリック イベントを子要素にもバインドしたくありません。

Answer 1

リーリー

1. はaddEventListener 传递第三个参数 trueです。イベントキャプチャを使用します。

   • https://developer.mozilla.org...

2. e.stopPropagation() 事件の拡大を阻止してください。

   • https://developer.mozilla.org...

Answer 2

https://jsfiddle.net/g5u7qrrd/6/

リーリー

Answer 3

子要素のスタイルに pointer-events: none; を追加し、マウス イベントを直接無視します。 IEの互換性が必要な場合があります。