본문 바로가기
개발/javascript

script onclick 중첩시 부모것 먼저 실행 안되도록 처리

by 향유 2021. 8. 19.
<div onclick="alert('1');">
<div onclick="alert('2');">2</div>
<div onclick="alert('3');">3</div>
</div>




2를 클릭시 1출력 후 2가 출력됨



<div onclick="alert('1');">
<div onclick="if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true; alert('2');">2</div>
<div onclick="alert('3');">3</div>

</div>

2만 출력하게 하고 싶은 경우

if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true;

 

댓글