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; 

    }); 

====== MY 솔루션 ====

내가 롭의 솔루션을 좋아하지만, 구문은 조금 애 태우게했다 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()은 링크를 클릭 할 때 : 당신이`true를 돌려주는 경우

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

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