[js] 한글 입력시 포커스 계속 되는 문제 처리

Edward Hyun·2022년 2월 22일
0

app&web-dev

목록 보기
86/178
post-custom-banner

한글 입력시 포커스가 계속 되기 때문에 input태그를 blur 처리해도 계속 포커스를 유지한다.
이로 인해 가상키보드는 blur시 사라지는데 input 태그에는 포커스가 계속 남아 있어 문제가 생길 수 있다.
이 때 blur 처리 전에 readonly 속성을 주면 포커스를 잃게 된다.
그리고는 잠시 후 readonly 속성을 제거해 준다.

      target.setAttribute('readonly', true);
      target.blur();
      setTimeout(() => target.removeAttribute('readonly'), 50);
profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.

0개의 댓글