jquery點擊事件 -

Question

我想在用戶點擊div時執行操作。但是，如果他點擊div內的鏈接，我想直接發送給他鏈接。現在href被忽略了。

<div id=myDiv> 

    some text 
    <a href="link1">my link</a> 

    some text 
    <a href="link2">my link</a> 

    some text 
    <a href="link3">my link</a> 
<div> 


$('.myDiv').live('click', function() {   
     console.log($(this)); 
     // if clicked on link, the go directly to the link 
     .... 
     // if clicked elsewhere on div, then perform another another action and return false 
     return false; 

    }); 

======我的解決方案====

我喜歡Rob的解決方案，但語法是有點傷腦筋，所以RTFM與類似的東西爲我的作品上來。

$('.myDiv').live('click', function(event) {   
    var $target = $(event.target); 
    if($target.is("a")) { 
    return true; 
    } 
    else{ 
     // do something else 
     return false; 
    } 
}); 

Answer 1

查看event.target屬性。下面的代碼在點擊錨點時不執行return false。當鏈接被點擊

$('.myDiv').live('click', function(event) { 
    .... 
    // `return false` only if element != <a> 
    if(!$.nodeName(event.target, "a")) return false; 

}); 

Answer 2

呼叫stopPropagation()：

$('.myDiv').live('click', function(e) { 
    // Perform your action here 
}); 

$('.myDiv a').live('click', function(e) { 
    e.stopPropagation(); 
});