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
- 넘블
- hoisting
- Call stack
- 마이크로태스크
- 웹팩
- 렉시컬 환경
- JavaScript
- 호출 스택
- relatedTarget
- 화살표 함수
- 자바스크립트
- webpack
- 로컬터널
- debounce
- 매클로태스크
- 로드마크
- 유사배열
- 실행 컨택스트
- 비동기 작업
- 호이스팅
- 함수형
- localtunnel
- AbortController
- 클론코딩
- 번들러
- Lexical environment
- 이터러블
- pushstate
- 이벤트 루프
- fetch 취소
Archives
- Today
- Total
목록포커싱 (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