Javascriptで親要素、子要素それぞれにクリックイベントなどを付与していると、
子要素をクリック時に親要素のイベントまで発生してしまいます。
子要素クリック時に親要素のイベントを発生させないようにする方法です。
1 2 3 4 5 6 7 |
$(document).on('click','#parent',function(){ alert('親要素クリック'); }); $(document).on('click','#child',function(e){ e.stopPropagation(); //ココを子要素に追加 alert('子要素をクリック'); }); |