이벤트

addEventListner : Javascript가 무슨 이벤트를 듣고 싶게 만들 것인지 괄호 안에 인수를 넣으면 된다. 그리고 실행하고 싶은 함수를 인수로 넣으면 호출한다.

const title = document.querySelector(div.hello:first-child h1);
//대상 정하기 (세팅)
function handleTitleClick () {
  console.log("The title was clicked!");
} //함수 정하기 (세팅)


title.addEventListner("click", handleTitleClick); //이벤트 설정
// 클릭이라는 이벤트를 듣고 싶고 클릭 시에는 우리가 만든 함수를 호출하기로 한 이벤트)

1. onEventName
2. addEventListener

이벤트 종류

Event 찾기

여기서 우리는 addEventListener로 듣고 싶은(감지하고 싶은) 이벤트의 종류를 확인할 수 있다.

I/O (마우스, 키보드)으로 어떤 행동을 할 수 있는지 생각해보면 이벤트의 종류를 자세하게 확인할 수 있다.
(MouseEnter, MouseLeave, Click, WindowResize , copy... )