2012-07-04 2 views
4

링크 전파를 어떻게 중지 할 수 있습니까?jQuery : 링크에 대한 stopPropagation

<script src="http://code.jquery.com/jquery.min.js"></script> 
<script> 
    $(function() { 
     $("#g").click(function(event){ 
      alert("Link clicked"); 
      event.stopPropagation(); 
     }); 
    }); 
</script> 
<a id="g" href="http://google.com">Google</a> 

나는 브라우저가 Google로 이동하지 말고 경고를 표시합니다.

+2

참고로 'stopPropagation'은 부모에서 이벤트가 트리거되는 것을 방지합니다. 이는 완전히 다른 것입니다. – pimvdb

답변

9

기본 동작 (Google로 이동)이 발생하지 않도록하려면 event.preventDefault();을 사용해야합니다. 다만 false를 반환,

3

당신은 event.preventDefault() 필요합니다 방금 구글에 가지하려는 경우도 거짓

+2

'return false'는 둘 모두를 조합 한 것이므로 둘 다 코딩 할 필요가 없습니다. – pimvdb

1

을 반환합니다.

$("#g").bind('click', function(event){ 
    alert("Link clicked"); 
    return false; 
}); 
관련 문제