본문 바로가기

개발이야기

JavaScript를 이용해서 포커스 아웃, 포커스 날려보내기

안드로이드에 WebView를 연결해서 하다 보면 이런 현상이 가끔 나옵니다.

웹에서 Input박스를 클릭하면 폰의 소프트키가 올라오는데요. 입력을 하는 것까진 좋은데, 그 뒤에 다른 화면 예를 들면 지도 화면 같은 것을 움직이다 보면 Focus가 아직 Edit박스에 머물러 있어서 소프트키가 계속 올라오는데요. 불편한 수준이 아니라 사용을 못하는 수준입니다.

이럴 때는 Input박스의 포커스를 날려버리고 싶은데요. 이럴때 Javascript로는

document.대상.blur() 라고 해주면 됩니다. 그럼 포커스가 사라지구요.

참고로 focusout이 있는데, 이는 focus를 잃었을 때 발생되는 이벤트입니다. 예를 들면 Input값에 어떤 값을 넣고, valid 체크를 한다고 하면 focus를 벗어낫을 때 하면 좋겠지요.