-
Jquery focus()함수프로그래밍/Jquery 2019. 9. 26. 08:04반응형
focus() 함수에 대해 알아보겠습니다.
focus 함수는 내가 처리해줄 대상의 값이 다르거나 처음 시작해서 먼저 작성해 주세요라는 표현으로 html
에서 많이 표현 하게 됩니다. 코드를 보시면서 확인해 보시죠.
자바스크립트를 보시고 아래와 같이 작성해 주세요.
<script> $(document).ready(function(){ $('.login').on('click',function(e){ e.preventDefault(); $("#id").focus(); }); }); </script>html 코드를 작성해 이렇게 작성해 주세요. 그럼 아래와 같은 화면이 나옵니다.
<form id="form"> <input type="text" name="id" id="id" placeholder="아이디"> <input type="password" name="password" id="password" placeholder="패스워드"> <button class="login">로그인</button> </form>
그리고 로그인 버튼을 눌러 주시면 id라는 id값을 가진 input박에서 커서가 들어가 있는 걸 보실 수 있습니다.
밑에는 풀 코드 이니 보시고 활용하세요
<html> <head> <title>Home</title> </head> <script> $(document).ready(function(){ $('.login').on('click',function(e){ e.preventDefault(); $("#id").focus(); }); }); </script> <body> <form id="form"> <input type="text" name="id" id="id" placeholder="아이디"> <input type="password" name="password" id="password" placeholder="패스워드"> <button class="login">로그인</button> </form> </body> </html>반응형'프로그래밍 > Jquery' 카테고리의 다른 글
JQuery Method append 추가 메소드 (0) 2019.09.28 Jquery Method click(클릭 메소드를 알아보자) (0) 2019.09.28 Jquery 패스워드 중복 체크 기능 구현 (0) 2019.09.27 Jquery 별점 기능 구현(별점 주기)(removeClass, addClass, attr) (2) 2019.09.26 Jqeury val() 함수 (값 바꾸기, 값 가져오기) (0) 2019.09.25