링크에 버튼이있는 경우이 버튼을 클릭하면 링크를 피하는 방법은 무엇입니까?

Question

링크에 버튼이있는 경우이 버튼을 클릭하면 링크를 피하는 방법은 무엇입니까?

Answer 1

그냥 같이, .stopPropagation()로 전파 (이벤트 버블 링)를 중지 할 수 있습니다 : 바로 그것을 이해한다면

$("a :button").click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 2

, 당신은 그런 일이 :

<a ...> 
    <button onclick="..."></button> 
</a> 

을 그리고 당신은 돈 ' a 태그의 링크를 실행하지 않으시겠습니까? 다음과 같이 쓸 수 있습니다 :

<a href="javascript:void(0)"></a> 

하지만 왜 링크 안에 버튼이 있습니까?

Answer 3

링크에 onclick="return false;"을 추가하면 (앵커는 <a> 임) 내비게이션을 금지 할 수 있습니다. 이렇게 :

<a href="/gosomewhere.html" onclick="return false;"> 
    <button onclick="alert('no navigating!');">Button</button 
</a> 

생성되는 링크를 변경할 수 없다면 jQuery가 필요하지 않습니다.