JavaScriptのメソッド実行において親要素と子要素のメソッドを同時に実行させない方法

【概要】JavaScriptのメソッド実行において親要素と子要素のメソッドを同時に実行させない方法についてまとめています。onclickやjQuery等でクリック時に実行させたい対象の親要素にもクリックで発動させるメソッドが組まれていると子要素のメソッドが実行された後に親要素も実行されます。親要素も実行させたい場合は設定する必要はありませんが、子要素のみ実行させたい場合はこのドキュメントを参考にしてみてください。【詳細】・JavaScriptの場合function showModal() { // showModalメソッド実行させたい処理を記述。 event.stopPropagation();}そのメソッドで実行させたい処理を記述した後に「event.stopPropagation();」を記述すると親要素のメソッド処理には移らず、実行されません。・jQueryの場合$(document).on('click','#hoge',function(e) { // id"hoge"の要素を押下した時に実行させたい処理を記述。 e.stopPropagation();});functionの引数に「e」をセットする事で「e.stopPropagation();」で処理を止めるメソッドを実行できます。