「Jquery入門」特定要素以外クリック時のイベントを処理するサンプル

2019年3月7日

1.htmlコード

<div class="cftA">
<div class="cftB">
テストデータのサンプル
</div>
</div>

2.イベント取得

$(document).click(function(e) {
if(!$(e.target).closest('.cftB').length) {
console.log('cftBクラス外側がクリックされました。');
} else {
console.log('cftBクラス内側がクリックされました。');
}
});