다음과 같은 폼이 있다고 하자.
기존에 제목과 같은 효과를 내기 위해서
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 플러그인이 설치되어 있어야 한다.
https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js
반응형
LIST
'CSS & HTML & JavaScript' 카테고리의 다른 글
| [CSS] iOS와 같이 실시간 흐린 배경 효과를 웹에서 구현하는 방법 (0) | 2016.11.14 |
|---|---|
| 모바일 웹킷(webkit) 브라우저에서 z-index 문제 해결 방법 (0) | 2013.03.14 |
| [CSS] 클릭 한번으로 그라데이션 만들기 (0) | 2011.07.10 |
| [JS] Javascript로 placeholder 대신하기 (0) | 2011.07.04 |
| 구글 API를 이용하여 쉽게 QR코드 만들기 (0) | 2011.06.11 |
