천진난만 코딩 스토리
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로 제거 가능.
'노마드코더 > JavaScript 기초' 카테고리의 다른 글
12. CSS 와 JavaScript (+ toggle) (0) | 2023.01.02 |
---|---|
11. Window (0) | 2023.01.02 |
9. Document Object (0) | 2023.01.02 |
8. 연산자 (+ if else) (0) | 2023.01.01 |
7. Function (3)+if, else (0) | 2023.01.01 |