[jQuery] 페이지 로딩시 자동으로 입력창 포커스 하기 + 쿠키 제어

mere hope 2011. 7. 27. 11:22

다음과 같은 폼이 있다고 하자.

기존에 제목과 같은 효과를 내기 위해서

onload="document.login.idn.focus();"

이러한 코드를 <body> 태그 내부에 추가했지만, 어찌된 영문인지 동작하지 않을 때도 있었다. 따라서 아래와 같이 jQuery를 이용하면 간단하게 해결할 수 있다.

 $(document).ready(function(){ $("#idn").focus(); });

추가> 만약 #idn이 쿠키로 저장되어있을 경우, #password가 포커스 되도록 하려면 아래와 같이 한다.

 $(document).ready(function(){ if($.cookie('쿠키이름')){ $("#password").focus(); } else { $("#idn").focus(); } });

물론, jQuery.cookie.js 플러그인이 설치되어 있어야 한다.

LIST