10. Event

- Listen 하고 싶은 event를 찾는 방법 -

1) 구글->찾고싶은 element 검색 -> MBN에서 찾기

ex) div html element mdn

JS의 내용을 보려면 "Web Apls" 로 검색

즉, JS 관점의 HTML Heading Element

 

2) console.dir 하여 나오는 정보를 활용.

onclick 처럼 앞에 on이 붙는 것이 event임.

JS 파일에 작성할 땐 앞의 on은 떼고 작성.

 

 

- addEventlistener -

Event를 Listen함.

 

 

 

예제 코드)

title.addEventlistener("click", your click);

=> title 클릭 시 your click 을 실행함.

 

 

title.onclick = yourclick;

위의 코드를 이렇게도 작성 가능.

 

But, addEventlistener로 작성하여

후에 수정 시 removeEventlistener로 제거 가능.