的jQuery/js的事件

Question

我想有一個容器上的點擊事件，但不當我點擊容器內的元素：

$('.container').click(function(event) { 
    history.back(1); 
}); 

但history.back（）不應該叫，當我在

<div class="container"><a href="URL">Link</a></div> 

點擊是否有可能排除從容器事件的聯繫？

Answer 1

你可以這樣做：

$('.container').click(function(event) { 
    if(event.target.nodeName.toLowerCase() == 'div') { 
    // code 
    } 
}); 

Answer 2

使用event.stopPropagation();在單擊事件處理程序：

event.stopPropagation(); 

Answer 3

試試這個：

$('.container').click(function(event) { 
    if(event.target === event.currentTarget) history.back(1); 
    //(event.target === this) => Equivalent. 
});