RATSENO

HTML은 계층적이므로 이벤트를 꼭 한곳에서만 처리해야 하는 건 아닙니다. 예를 들어 버튼을 클릭했을 때 물론 버튼 자체에서 이벤트를 처리할 수 있지만, 버튼의 부모에서 처리해도 되고 그 부모의 부모에서 처리해도 되는 식입니다. 여러 요소에서 이벤트를 처리할 수 있다면, 그 이벤트에 응답할 기회는 어떤 순서로 주어지는가 하는 의문이 생깁니다. 기본적으로 두 가지 방법이 있습니다. 하나는 가장 먼 조상부터 시작하는 방법으로, 캡처링(capturing)이라 부릅니다. 밑에서 보여드릴 예제 HTML에서 버튼은 에 들어있고 는 에 들어있습니다. 따라서 도 버튼에서 일어난 이벤트를 '캡처'할 수 있습니다. 다른 방법은 이벤트가 일어난 요소에서 시작해 거슬러 올라가는 방법입니다. 이런 방법을 버블링(bubbling..