onclick이 하위 요소에 영향을 미침

Question

포함 된 div에 래핑 된 축소판 목록이있는 페이지가 있습니다. 포함 div가 클릭되면 사용자는 축소판의 다음 행으로 스크롤합니다.

그러나 각 축소판 div도 링크이며 클릭하면 스크롤 이벤트가 계속 발생합니다.

이러한 하위 미리보기 요소에 영향을주는 자바 스크립트를 중지 할 수있는 방법이 있습니까?

을 heres 문제 : http://codepen.io/anon/pen/Apelg/

N.B. 링크는 타겟 _blank이지만 다음 div로 스크롤 한 페이지로 돌아가는 것을 볼 수 있으며 이는 피하려고합니다.

Answer 1

당신은

$('.thumbnail').click(function(e){ 
    e.stopPropagation(); 
}); 

// OR 

<img src="thumbnail.jpg" onclick="event.stopPropagation()" />