[TIL] Events의 모든것 (브라우저 이벤트)

2023.01.13 토요일

 

1. 프로젝트

: 쇼핑몰 리스트 만드는 중 (연습듕)

 

2. 사용스택

:HTML, CSS, Javascript

 

3. 오늘 배운 내용

 

1) Events란?

- 프로그래밍 중인 시스템에서 발생하는 일로, 코드가 이에 반응할 수 있도록 시스템에서 알려주는 것

 

2) Capturing & Bubbling

 

3) 브라우저 취소하기: preventDefault

 

4) 이벤트 위임하기 : delegation

 

5) 쇼핑목록앱 개선하기

- 새로운 item 추가할 때, event delegation으로 코드 변경

- keydown & composing

- web-form ; 신세계!😲😲

 

 

4. 참고

- Events 종류

https://developer.mozilla.org/en-US/docs/Web/Events

Event reference | MDN