[JS] 14. 자바스크립트 문서객체 이벤트

• 동적인 웹사이트의 구현을 위해서는 사용자의 다양한 이벤트(hover, click...)에 맞추어 데이터를 핸들링 해야한다.
• 특정 이벤트가 발생되었을 때, 특정 함수를 실행할 수 있게 해주는 것이 addEventListener이다.
• 이벤트 핸들러(event handler)라고도 한다.

📌 addEventListener()

✏️ 예시

const title = document.querySelector("h1"); 
 
title.addEventListener("이벤트종류", 함수이름)
 

title.removeEventListener('이벤트종류', '함수이름'); //반대로 없애는 것 - 해당 이벤트가 더이상 필요 없다고 생각되면 삭제해준다. 

💡 이벤트 타입은 모두 소문자로 작성하며, 굉장히 많다!!!!

💡 대표적인 것들은 아래와 같다.