화면 로딩시 커서 제어 > 질문답변

• 목록

1. 스크립트
<script type=\"text/javascript\">
  function mfocus(){
document.flogin.userid.focus();
  }
  window.onload = mfocus;
</script>

2. input 처리
<form name=\"flogin\" action=\"test/test.html\" method=\"post\">
<input type=\"text\" name=\"userid\">
</form>

3. focus() 함수를 이용해서 커서를 원하는 위치로 이동한다.
 document.flogin.userid.focus() 가 원하는 위치를 지정. flogin는 <form>의 name값, userid는 input의 name값이다. 여기서 흔히 하는 실수가 window.onload = mfocus;를 빼먹는 경우인데 이 부분을 넣지 않았을 경우 동작을 하지 않는다. 왜 일까?
자바스크립트만 쓰면 페이지를 로딩하면서 form 의 데이터를 못가져 오는거 같다. window.onload = mfocus;를 넣어 주므로써 페이지 로딩이 끝나고 mfocus 라는 함수가 동작을 한다. 함수로써 이벤트 처리하면 window.onload = mfocus;를 쓰지 않고도 정상 사용 가능하다. onclick=\"javascript:mfocus()\" 이런식으로 쓰면 window.onload 를 사용하지 않아도 된다.