앵커 상단에있는 버튼 - 기본 클릭을 방지하는 방법?

Question

나는 앵커 (이미지) 상단에 버튼이 있습니다.

나는 각각 (버튼과 앵커)에 대해 경고합니다.

단추를 클릭하면 앵커가 경고를 따라옵니다. 단추를 클릭 한 후 앵커가 시작되지 않게하려면 어떻게합니까?

는 jsfiddle 참조 ->http://jsfiddle.net/EhWZc/

HTML :

<a href='#' onclick='alert("Im an anchor");'> 
    <button id='delBtn' onclick="alert('Im a button');">x</button> 
    <img src='http://www.extremetech.com/wp-content/uploads/2013/05/image-1.jpg' style='width:200px;'/> 
</a> 

Answer 1

아래처럼 대신로 preventDefault의 인 stopPropagation 기능을 사용하기 위해 필요한이 경우.

$('#delBtn').on('click', function(e){     
     e.stopPropagation(); 
}); 

stopPropagation 이벤트가 이벤트 체인을 버블 링하지 않도록합니다.

preventDefault은 해당 이벤트에서 브라우저가 수행하는 기본 작업을 방지합니다.

DEMO