[javascript & Mobile] web에서 focus 이벤트는 유저상호호환에 의해서만 가능하다 !!!

상황

모바일에서 검색페이지 진입과 동시에 검색어 입력 박스에 focus되면서 키패드를 올려달라는 요청

$(document).ready(function () {
    $("input[type='text']").focus()
})

 

결론 (웹에서는 컨트롤 불가능!)

웹에서는 유저상호호환이벤트에 의해서만 .focus() 가 가능하다.
ex) 클릭 이벤트 등

따라서 검색페이지를 페이지가 아닌 버튼 클릭으로 팝업으로 열리면 유저가 발생시킨 클릭이벤트이기 때문에 focus가 가능하지만 그냥 DOM이 렌더링 된 후 강제 focus를 주는 것은 불가하다. (앱은 키패드를 강제로 만들어서 올리는 등 또 다른 방법이 있다고함~!)