javascript - ドキュメントのjQueryクリックイベントですが、divは無視します

Question

jQuery を使用して作業しているオンライン スライド ショーがあります。$(document).click イベントを使用して、ユーザーがページをクリックしたことを検出して、スライドの次の箇条書きをいつ表示するか、次のページに移動するかを知りました。

私が直面している問題は、私の仕事でページの下部にコメント ボックスを挿入し、誰かがコメント ボックスまたはコメントの保存ボタンをクリックすると、ページのクリック イベントも発生することです。

ページ全体でクリック イベントを発生させる方法はありますが、コメント ボックス/保存ボタンがある DIV をクリックすると無視されますか?

Answer 1

ほとんどの場合、イベント オブジェクトのstopPropagation()メソッドを使用して、コメント div でイベントの伝播を停止する必要があります。

$('#comments').click(function(e) {
  e.stopPropagation();
});

それがうまくいかない場合は、次を使用してみてくださいpreventDefault():

e.preventDefault();