html5] 하위(자식) 노드 이벤트

자식노드에 대한 이벤트 전달이 개발에서 난감하게 하는 경우가 있습니다

예로 아래 html 소스가 도움 될거에요
이렇게 하면 부모 노드의 이벤트를 따르지 않게 됩니다
<a href="#" onclick="alert('A 테스트')">테스트</a>

<a href="#" onclick="alert('A 테스트')">
 <span onclick="alert('B 테스트');event.cancelBubble=true;if(event.stopPropagation)event.stopPropagation();return false">B 테스트</span>테스트
</a>

event.cancelBubble=true; 표준 웹에서는 없어도 됩니다 IE 를 위한것
if(event.stopPropagation)event.stopPropagation(); 이벤트 발생을 현재 노드에서 멈추게 합니다
노드 이벤트에서는 return false 시에 event.preventDefault() 와 같이 동작 합니다
preventDefault() 는 a 태그에서 href 를 동작 시키지 않게 하는 기능이다