divを非循環にする

Question

divがあり、内側に2つのクリック可能なラベルがあります。 何らかの理由で、ラベル以外のdiv内の空きスペースもクリックされています。

2つのラベル以外のdiv内でクリックを無効にする方法はありますか？

Answer 1

メイククリックできないdivとクリッカブルlabel

div{ 
    pointer-events:none; 
} 
label{ 
    pointer-events:all; 
} 

Answer 2

広告divにクリックリスナーを追加し、イベントのターゲットプロパティを確認します。それは現在の要素の場合は、（）でpreventDefaultを呼び出し

HTML

<div> 
    <label onclick="clickOnLabel1()">a</label> 
    <label onclick="clickOnLabel2()">f</label> 
</div> 

JS

document.addEventListener('DOMContentLoaded', function() { 
    document.querySelector('div').addEventListener('click', function(event) { 
     if (this === event.currentTarget) { 
      event.preventDefault(); 
     } 
    }); 
}); 

Answer 3

あなたは

pointer-events:none 

またはあなたもこれを行うことができますを使用してcssでこれを行うことができますJQueryを使用して

$('element').click(false)