[JavsScript] onfocus="this.select()" 블록지정

회원가입 시 아이디, 비밀번호, 이메일 등을 검증하여 잘못된 부분을 사용자에게 수정요청할 때

alert과 함께 focus를 해주는 경우가 있다.

 

이 때 기본 focus의 경우 해당 입력폼의 커서를 가져다 주는 정도인데, onfocus="this.select()"옵션을 추가하면

focus 받은 해당 입력폼의 value값이 블록이 씌워져 보다 용이한 수정이 가능하다.

 

사용자 입장에서 사소한 편의를 느낄 수 있다.

 

이전 포스팅에 있던 ime-mode까지 적용해주면 사용자는 보다 편하게 Email을 수정할 수 있다.

//Email 폼에 focus가 가면 기존 내용이 블록에 싸이고 기본 언어 영어 설정
<input type="text" id="userEmail" style="ime-mode:active;" onfocus="this.select()">

<위: 기본 focus, 아래: this.select()>