일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 자바스크립트
- 코린이
- git
- 코딩공부
- 참조자료형
- http
- 리액트
- 깃
- Vue3
- 코딩기초
- 리덕스
- redux
- React Native
- 리액트 네이티브
- 코딩초보
- CSS
- TypeScript
- scss
- 사용하는 이유
- 프론트엔드
- react
- SasS
- html기초
- 비동기
- 타입스크립트
- JavaScript
- useEffect
- 코딩독학
- async
- react-router
Archives
- Today
- Total
목록이벤트핸들링 (1)
맨 땅에 프론트엔드 개발자 되기
JS 동적으로 생성된 요소에 이벤트 바인딩
이벤트 바인딩(Event Binding)이란? 바인딩은 '연결하다, 묶다' 라는 뜻으로, 웹페이지 접속 시에 HTML 문서가 로드될 때 JavaScript에 작성된 대로 요소와 이벤트를 연결하는 것을 이벤트 바인딩이라고 한다. 브라우저는 요소와 이벤트를 바인딩하고 있다가 사용자가 요청하는 순간에 이벤트를 발동한다. (클릭, 마우스엔터, 스크롤 등) 이벤트를 바인딩 하는 방법에는 세 가지가 있다. 1. HTML 이벤트 핸들러 HTML 요소의 속성값으로 이벤트를 바인딩하는 방법이다. 클릭 버튼을 클릭하면 doSomething이라는 이벤트가 발동하도록 이벤트를 바인딩한 것이다. HTML 문서에 JavaScript 코드를 작성하는 것은 보안 또는 다양한 이유에서 권장되지 않는 방법이다. 2. DOM 이벤트 핸들..
코딩 공부 일지/JavaScript
2022. 3. 21. 19:57