WEB/JavaScript

[JavaScript][Event] 이벤트란 ? event object

bay07 2024. 4. 22. 14:08

▶ 이벤트 

일상속의 이벤트 웹에서의 이벤트
컴퓨터 키보드를 눌러 텍스트를 입력하는 것
전화벨이 울려 전화가 왔음을 알리는 것
손을 흔들어 인사하는 것
전화기의 버튼을 눌러서 통화를 시작하는 것
리모컨을 사용하여 채널을 변경하는 것 
화면을 스크롤하는 것
버튼을 클릭했을 때 팝업 창이 출력되는 것
마우스 커서의 위치에 따라 드래그 앤 드롭하는 것
사용자의 키보드 입력 값에 따라 새로운 요소를 생성하는 것

=> 웹에서의 모든 동작은 이벤트 발생과 함께 한다. 

 

▶ 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 이벤트 처리기