JavaScript クリック イベントは要素自体にのみ適用され、親コンテナーには適用されません。

Question

次のコードがあります:

リーリー

div 上のどこかがクリックされたときに myFunc が実行されるようにしたいのですが、ボタンはクリックされませんでした。どうすればこれを達成できますか?

Answer 1

ボタンクリックイベントでは、イベントの伝播をキャンセルする必要があります。あるいは「泡立ち」をやめる。

参照 https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

したがって、ボタンのクリックイベントでは、次のようにする必要があります:

リーリー

デフォルトでは、要素のクリック イベントはその親要素に渡されます。