반응형
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
- 정보처리기사정리
- CSS
- 자바스크립트
- javascript
- Java의정석
- 오라클
- 자스코테
- 이안의평일코딩
- Oracle
- 국비IT
- 자바의정석
- 정보처리기사
- 타입스크립트
- typescript
- react
- 코딩테스트
- 정보처리기사요약
- 국비코딩
- VUE
- 평일코딩
- 정보처리기사실기
- 정보처리기사실기정리
- 자바스크립트 코딩테스트
- 스프링
- ReactNative
- spring
- php
- 리액트
- 정보처리기사실기요약
- 리액트네이티브
Archives
- Today
- Total
목록이벤트관리 (1)
이안의 평일코딩
이벤트 관리 방법 (버블링, 캡쳐링, 이벤트 위임)
이벤트란?클릭이나 스크롤을 내리는 등 사용자와 웹페이지가 상호 작용을 하며 브라우저가 감지하는 것을 말한다. 이벤트 리스너, 이벤트 핸들러는 어떤 이벤트 발생 시 처리하는 함수이다. 자주 사용되는 DOM이벤트로 click(마우스 왼쪽 클릭), contextmenu(마우스 오른쪽 클릭), keydown(키보드 누를 때), keyup(키보드 뗄 때), submit, focus 등이 있다. 이벤트 등록 방법 인라인 방식 (inline)이벤트를 HTML 요소의 속성으로 직접 지정하는 방식이다. 단점은 HTML 코드에 자바스크립트를 추가해서 코드가 섞여 유지 보수에 좋지 못하다는 점이다.Click프로퍼티 방식 (Property)인라인 방식의 단점을 보완하여 자바스크립트 코드에 프로퍼티 등록 방식이다. 하나의 이벤..
Front-end/JavaScript
2021. 2. 26. 12:44