자바스크립트가 getElement를 사용해서 html을 읽을 수 있듯,
이벤트도 읽을 수 있다. 여기서 이벤트란, 사용자의 클릭, 버튼에 포인터 올리기 등등 어떤 변화가 일어나는 걸 말한다.
const title = document.querySelector(".hello h1");
function titleHandler() {
console.log("click!");
}
titlte.addEventListener("click", titleHandler);querySelector로 h1태그를 읽고, h1태그를 클릭하면 titleHandler 함수를 실행(호출)시킨다.
addEventListener(type, listener, (options or useCapture);
type은 이벤트 유형을 나타내고 대소문자를 구분한다.
listener은 지정한 이벤트를 받을 부분이다.
회색부분은 없어도 된다.
이외에도 mouseenter, mouseleave, resize, copy, online, offline 등등 다른 많은 이벤트 리스너들이 존재한다.
여기에 모두 열거할 수는 없지만, 구글링으로 쉽게 찾을 수 있다.
