[Javascript] addEventListener()

addEventListener() 함수

이벤트가 발생한 요소에 이벤트 처리기를 연결해 주는 함수
document 객체, window 객체, 웹 문서, 이미지, 텍스트 등 어디에서든 사용 가능

다중 이벤트 한 번에 처리

대상.add

1. 이벤트 유형 : 처리할 이벤트 유형을 지정, 'on'을 붙이지 않고, 'click', 'mouseover'와 같은 이벤트 이름만 사용 가능
2. 함수 : 이벤트가 발생했을 때 실행할 명령을 나열하거나 함수 이름을 지정
3. 캡쳐여부 : 이벤트를 캡쳐링하는지 여부를 지정, 생략가능 , true이면 캡처링, false(기본값) 이면 버블링

• 이벤트 캡처링 : DOM의 부모노드에서 자식 노드로 이벤트가 전달
• 이벤트 버블링 : DOM의  자식노드에서 부모노드로 이벤트가 전달