alert(알림창) 후 focus 작동 안할 때

일반적으로 유효값 체크를 하고 alert으로 메시지를 띄운 뒤 해당 element로 focus를 가게 만든다.

그런데 IE에서는 alert창을 띄우고 element.focus(); 를 주면 이상하게도 위치는 잡아주는데 input 태그의 커서가 깜빡이지 않는다.

 

많은 시도결과 setTimeout 으로 IE에서도 focus를 잡아줄 수가 있었다.

ex)

var title = document.getElementById("title");

if(title.value == ''){
  alert("제목을 입력해주세요.");
  setTimeout(function(){title.focus();}, 1);
  return false;
 }

 

이런형식으로 주면 IE, Chrome 도 포커스를 잡아준당~~

다시한번 느끼지만 IE... 참 힘들다