블로그

자바스크립트는 웹 API를 통해 사용자의 입력 (클릭, 커서 이동, 키 입력 등) 에 따른 추가 동작을 구현한다. 그리고 브라우저는 버블링과 캡쳐링을 통해 이벤트를 감지한다. 이벤트 버블링 이벤트 버블링은 하위에서 상위 요소로 이벤트를 전달하는 특성이다. 버블링은 기본적으로 최상위 태그인 body까지 이벤트를 전달한다. a b c d 위의 이미지와 같은 a > b > c > d 형태의 구조로 코드를 작성했다. 이후 a를 대상으로 클릭 이벤트를 생성하면 b나 c, d의 영역을 클릭해도 해당 이벤트가 발생한다. 이는 d에서 이벤트가 발생했을 때, 최상위에 있는 요소까지 이벤트를 전파하기 때문이며, 이를 이벤트 버블링이라 한다. 버블링을 막는 방법으로는 stopPropagation() 과 상위 태그의 이벤트에..