일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 파이썬
- v-on
- LeetCode
- 이벤트캡쳐링
- 쿠버네티스
- 백준
- 도커
- 2588번
- v-model
- 리스트복사
- 빅오표기법
- 10926번
- v-if
- 배열파티션
- vue
- 프리코스
- DevOps
- 우테코
- MSA
- 3003번
- 객체지향의 사실과 오해
- 코어자바스크립트
- hoisting
- 실행 컨텍스트
- Python
- JavaScript
- v-for
- 젠킨스
- 10869번
- 이벤트버블링
Archives
- Today
- Total
목록이벤트버블링 (1)
새오의 개발 기록
Javascript: 이벤트 버블링과 캡쳐
오늘은 이벤트 버블링과 캡쳐에 대해 정리해보려고 하는데요. 그 전에 순수 JS를 다뤄본 게 너무 오래 전이라 이벤트 등록 방법 부터 짚어보려고 합니다. JS에서의 이벤트 등록 이벤트 등록은 사용자의 입력을 받기 위한 기능입니다. add one item click me 라는 버튼이 있습니다. var button = document.querySelector('button'); button.addEventListener('click', addItem); function addItem(event) { console.log(event); } 버튼을 클릭하면 addItem 함수가 실행되고 addItem 함수에 event 인자가 넘어옵니다. event 인자를 콘솔에 출력해보면 이벤트와 관련된 정보를 확인할 수 있습니..
Javascript
2022. 9. 28. 19:29