jQuery 1.3.2 - 防止在較低元素上觸發事件的最佳方法？

Question

我有這個（簡化）：

$(li).click(function{alert("test");}); 

<li> 
    <input> 
</li> 

什麼是事件綁定到li但是當用戶點擊input元素不火的最佳方式？

Answer 1

嘗試在Event對象上使用stopPropagation方法。

$('input').click(function(event) { 
    event.stopPropagation(); 
}); 

您還可以使用選擇的合成目標的li具體子項（或直接子）：

$('li > input, li strong, li span').click(...); 

Answer 2

一個解決方案可能涉及使用event.target。

在事件處理程序，使用

if($(event.target).is('input')) 
    return; 

Answer 3

我認爲你必須手動進行過濾。

$(li).click(function(e) { 
    if ($(e.target).is("input")) { 
     alert("Test"); 
    } 
});