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
- 마이크로태스크
- AbortController
- 자바스크립트
- 번들러
- 넘블
- 로드마크
- 호이스팅
- relatedTarget
- 렉시컬 환경
- 호출 스택
- localtunnel
- hoisting
- JavaScript
- Call stack
- 비동기 작업
- fetch 취소
- 이벤트 루프
- 이터러블
- 실행 컨택스트
- debounce
- 화살표 함수
- Lexical environment
- webpack
- 매클로태스크
- 로컬터널
- 웹팩
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