範囲外クリックでポップアップを閉じる正しい JQuery - Qiita

ポップアップを表示して、その領域外をクリックされた時にそのポップアップを閉じたい、といった処理はよくあります。しかしこれを実装する時にちょっとした気をつける点があります。 よく見かけて気になっている悪い例 Stackoverflow などでよくある処理としては、クリックイベントを全検知して、Pop up を閉じるような処理をしてしまう。もし自分自身だったら stopPropagation()1 して、イベント伝播しなくする。理由としては stopPropagation() しないと、ポップアップそのものをクリックした時に閉じてしまうのを防ぎたいからです。 例えばこういったコードです。 $('#target_element').click(function(event) { event.stopPropagation(); });

[seapig_dolphin]

“event