製作div不循環

Question

我有一個div，裏面有兩個可點擊的標籤。 出於某種原因，除標籤之外的div內的空白空間也被點擊。

有沒有什麼辦法可以禁止點擊裏面除了兩個標籤的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

您可以css使用

pointer-events:none 

做到這一點，或者你也可以這樣做在JQuery使用

$('element').click(false)