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
- Await
- addEventListener
- 비구조화
- 중앙정렬
- truthy
- async
- 비동기적
- 논리연산자
- 돔조작
- map()
- 어웨이트
- INCLUDES
- 자바스크립트기초
- js
- icoMoon
- 프론트엔드
- 캡쳐링
- 이벤트위임
- 전역변수
- 버블링
- falsy
- 리액트
- 자바스크립트
- 코딩공부
- text-align
- 동기적
- 단락회로평가
- 지역변수
- 이벤트리스너
- git
Archives
- Today
- Total
목록캡쳐링 (1)
피리부는 사나이 (pied piper)

이벤트 핸들러 : 이벤트가 발생했을 때 브라우저에 호출을 위임한 함수. 1. 이벤트 핸들러 어트리뷰트 방식 : HTML 요소의 어트리뷰트 중에 이벤트에 대응하는 핸들러 어트리뷰트 값으로 함수 호출문 등의 statement를 할당하면 핸들러 등록 됨 CLick me! 하지만 HTML과 JS는 관심사가 다르므로 혼재하는 것보다 분리하는 것이 좋음. 그러므로 이 1번 방식은 사용하지 않는 것이 더 좋음 2.이벤트 핸들러 프로퍼티 방식 : window 객체와 Document, HTMLElement 타입의 DOM 노드 객체는 이벤트에 대응하는 핸들러 프로퍼티를 가지고 있음. 프로퍼티에 함수를 바인딩하면 이벤트 핸들러 등록 됨 const $button = document.querySelector('button');..
Java Script
2022. 5. 3. 17:47