ワイズリマインダー

クリックイベントで伝播してきたものは処理しない

親要素へイベントを伝播させないのに

e.stopPropagation();

があるが、子や孫要素がたくさんあるとめんどくさい。

今回は親要素のクリックイベンド発火時に、
自身をクリックしたものか伝播してきたものかを判別し、
伝播してきたものは処理しないようにした

$('#parent').click(function(e){
  /* 伝播は処理しない */
  if( $(this).get(0) != $(e.target).get(0)) return;
  /* これ以降に処理を記述する */
  console.log('親要素がクリックされました');
});

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

検索

最近のコメント

最近の投稿

タグ

フィード配信

アーカイブ

外部リンク