▶ 이벤트
| 일상속의 이벤트 | 웹에서의 이벤트 |
| 컴퓨터 키보드를 눌러 텍스트를 입력하는 것 전화벨이 울려 전화가 왔음을 알리는 것 손을 흔들어 인사하는 것 전화기의 버튼을 눌러서 통화를 시작하는 것 리모컨을 사용하여 채널을 변경하는 것 |
화면을 스크롤하는 것 버튼을 클릭했을 때 팝업 창이 출력되는 것 마우스 커서의 위치에 따라 드래그 앤 드롭하는 것 사용자의 키보드 입력 값에 따라 새로운 요소를 생성하는 것 => 웹에서의 모든 동작은 이벤트 발생과 함께 한다. |
▶ event
무언가 일어나다는 신호, 사건
모든 DOM 요소는 이러한 event를 만들어 낸다
▶ event object
DOM에서 이벤트가 발생했을 때 생성되는 객체
이벤트의 종류
mouse, input, keyboard, touch
* MDM 공식문서
https://developer.mozilla.org/en-US/docs/Web/API/Event
Event - Web APIs | MDN
The Event interface represents an event which takes place on an EventTarget.
developer.mozilla.org
DOM 요소는 event를 받고
받은 event를 '처리' 할 수 있다.
* event handler 이벤트 처리기
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript][Event] 버블링, 이벤트가 정확히 어디서 발생했는지 접근할 수 있는 방법 (0) | 2024.04.22 |
|---|---|
| [JavaScript][Event] event handler (0) | 2024.04.22 |
| [JavaScript] 배열은 객체다 (0) | 2024.04.18 |
| [JavaScript] forEach에서 break하는 대안 (0) | 2024.04.18 |
| [JavaScript] 콜백함수 구조를 사용하는 이유 (0) | 2024.04.18 |