クリックが他の要素に影響しないようにする

重なり合った要素の下にあるリンク等にクリックを発生させないための処理
モーダルとかスライドとかで使う
メモ程度。

event.preventDefault();

jQuery

  1. $(セレクター).on(‘click’,function(event){
  2. event.preventDefault();
  3. });

モーダルとか要素が重なり合うようなものを作った時に、
モーダル内を閉じるボタンをクリックしたら下の要素のリンク先に飛んでしまったり…
そういったトラブルにはコレ。
入れる場所を間違えると何も反応しなくなるので注意!