div onclick 안에서 다른 요소 onclick

<div onclick="alert('1');">

<div onclick="alert('2');">2</div>

<div onclick="alert('3');">3</div>

</div>

2를 클릭하면 1출력 후 2가 출력된다.

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>

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

를 넣어주면 2를 클릭했을때 2만 출력된다.