250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- classlist
- slidePerGroup
- vscode
- JavaScript
- centerSlides
- watchOverflow
- vue2
- swiper
- javascirpt
- slideChange
- css
- activeIndex
- display
- jquery
- eslint
- index
- eslint prettier
- prettier
- querySelector
- js
- realIndex
- CORS
- archiver
- slidePerView
- Vue
- swiperOption
- error
- v-bind
- 인덱스
- loop:true
Archives
- Today
- Total
코딩하는 둥둥
이벤트(Event) 본문
728x90
이벤트(Event)
- 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurrence)
- 시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 생산/발생 시키고, 이벤트가 발생되었을 때 사건이 자동적으로 취해질수 있는 메커니즘(코드의 실행)을 제공한다.
- 이벤트는 브라우저 내에서 발생하며 다양한 이벤트 타입이 있다. (이벤트 타입)
이벤트 핸들러(Event Handler)
- 이벤트가 발생되면 실행되는 코드 블럭(JavaScript)를 말한다.
- 이러한 코드 블럭이 이벤트에 응답해 실행되기 위해 정의되었을때 이벤트 핸들러를 등록(register)했다고 한다.
- 이벤트 리스너(Event Listener)라고 불리기도 한다.
이벤트 핸들러와 이벤트 리스너
엄밀히 말하면 이벤트 리스너는 발생되는 이벤트에 대해 듣고, 핸들러는 발생되는 이벤트에 응답해서 실행되는 코드이다.
이벤트를 사용하는 방법
- 이벤트 핸들러 프로퍼티
- 인라인 이벤트 핸들러
- 이벤트 핸들러 추가/제거
이벤트 객체
- 이벤트 핸들러 함수 내부에서 볼 수 있는
event
,evt
,e
와 같은 이름으로 명명된 매개변수(parameter)를 말한다. - 추가적인 기능과 정보를 제공하기 위해 이벤트 핸들러에 자동으로 전달된다.
이벤트 버블링과 캡쳐
이벤트 위임
References.
https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Events
728x90
'Frontend > JavaScript' 카테고리의 다른 글
setInterval (0) | 2022.11.19 |
---|---|
Math.floor (0) | 2022.11.19 |
Math.abs 메서드 (0) | 2022.11.09 |
콜백 함수(Callback) (0) | 2022.11.09 |
Object.entries (0) | 2022.10.28 |