[JS] 이벤트 알아보기

Events

 

​

title.addEventListener("click", handleTitleClick)

​

-addEventListener로 listen할 이벤트를 첫 번째에 적어주고 이벤트가 발생했을 때 동작하길 원하는 function을 두번째 칸에 적어줍니다

-여기서 가장 중요한 것은 handleTitleClick이 곧바로 실행되지 않도록 하는 것

  handleTitleClick() 처럼 괄호 넣지 않도록 주의!★

-'.removeEventListener'를 통해 제거 가능

​

 

 

---

event 찾는 방법

​

1. 구글에 찾고 싶은 element의 이름, 예를 들어 'h1 html element mdn' 이라고 검색, Web APIs라는 문장이 포함된 페이지 찾아서 읽기

​

2. console.dir()를 통해 console에 element 출력시켜줌,

property 앞에 on이 붙어있다면 그게 바로 event listener!

​

 

---

window element의 'resize' event listen 해보기!

​

​