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