.hide的任何點擊動作不涉及到子元素

Question

<div id="example" style="background:yellow;height:200px;width:200px;"> 
<button>Some text</button> 
</div>​ 

我想#example到.hide，當它被點擊，但我不希望它.hide它獲得點擊的子元素時。

Answer 1

添加一個處理程序到<div>，然後檢查它是否是目標。

在this example中，event.target是實際點擊的元素，但this是附加到處理程序的元素。

$('#example').on('click', function(event) { 
    if (event.target === this) { 
     alert('div, not button'); 
     $(this).hide(); 
    } 
});