🌐 HTML 포커스 제어하기 - focus, blur

HTML 포커스 제어 사진이나 이미지와 같은 작업을 다뤄보신 독자 분은 아마 focus와 blur 처리에 대해 들어본 적이 있을 것이다. 사진에 블러 처리를 하면 이미지가 흐려지고 포커스 처리하면 흐린게 원래대로 되돌아온다. HTML 포커스는 이러한 개념을 엘리먼트에 가져온 것으로 보면 된다. HTML에서 , , , 와 같은 엘리먼트에 focus 를 부여하면 해당 요소에 데이터를 입력할 준비가 되었다를 의미한다. blur는 반대로 포커스를 잃은 순간을 이야기 하는데, 입력란에서 더이상 데이터를 입력할 수 없는 상태라고 보면 된다. focus / blur 이벤트 focus 이벤트는 요소가 포커스를 받을 때, blur 이벤트는 포커스를 잃을 때 발생한다. onfocus : 입력창이 포커스 받을 경우 작동 o..

인파_

2021.09.22