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
- 웹팩
- pushstate
- 이벤트 루프
- 호출 스택
- JavaScript
- 비동기 작업
- relatedTarget
- 화살표 함수
- 이터러블
- webpack
- 로컬터널
- fetch 취소
- 함수형
- localtunnel
- 매클로태스크
- 렉시컬 환경
- 마이크로태스크
- 호이스팅
- 실행 컨택스트
- debounce
- 클론코딩
- Call stack
- 자바스크립트
- 넘블
- hoisting
- Lexical environment
- 로드마크
- 번들러
- 유사배열
- AbortController
Archives
- Today
- Total
목록Blur (1)
내가 보려고 만든 개발 공부 일지
자바스크립트 onfocus 와 onblur 그리고 relatedTarget
HTML 요소 포커싱 HTLM 요소의 포커싱 관련 이벤트로 onfocus 와 onblur 가 있다. 이 두 이벤트는 서로 짝꿍이다. 이름 그대로 HTML 요소가 포커싱 되었을땐 onfocus 이벤트가 발생하고, 반대로 포커싱 해제 되었을땐 onblur 이벤트가 발생하게된다. 여기서 '포커싱' 이란 HTML 요소가 마우스 클릭 혹은 Tab키로 선택이 가능한 것을 의미한다. 모든 HTML 요소가 다 포커싱 가능한것은 아니다. 기본적으로 포커싱 가능한 HTML 요소로는 a, button, details, input, select, textarea 가 있고 이 요소들을 대화형 요소 라고 부른다. 위 6개 요소들을 제외한 HTML 요소들은 비대화형 요소 라고 부르며 (div, span, ul ... 등 같은 나머..
Javascript
2022. 2. 5. 23:11