자바스크립트 이벤트 버블링과 방지
·
javascript
자식요소에 이벤트가 발생할 때, 부모요소와 영역이 겹치면 자식요소에 이벤트가 발생한 후 부모요소의 이벤트도 발생한다. 아래에서 부터 위로 방울이 올라가는 것처럼 보인다해서 버블링이라고 한다. 예시로 보여주면 예시 lilililili 인라인으로 이벤트를 줘서 보기 불편하시다면 죄송합니다. 보여주기용 으로 잠깐 쓰겠습니다. section 안에 ul 안에 li에 클릭 이벤트를 줬다. 잘 반응하는 모습이다 section 안에 ul 에다가도 클릭 이벤트를 줘봤다. lilililili li를 클릭했더니 두번 알림창이 떳다. 이번엔 section 에다가도 줘봤다.
