[jQuery] enter(엔터) 입력시 로그인 / 버튼 클릭 활성화 이벤트

 

로그인을 할 때마다 무의식적으로 엔터를 치는데 로그인이 안되길래 

구현방법을 찾아보았다。

 

폼 안에서 로그인이나 비밀번호나 상관없이 엔터를 치면

로그인 시도를 하도록 만들었다

 

폼부분 

<div class="userLogin">
    <div class="login_section">
        <h1> 로그인 </h1><br>
        <form action="" id="us_login_form" name="us_login_form" method="post">
            <input type="text" id="us_id" class="login_id" name="us_id" placeholder="아이디" required="required"> <br>		
            <input type="password" id="us_pw" class="login_pw" name="us_pw" placeholder="비밀번호" required="required"> <br><br>  
            <input type="button" id="login" class="btn_blue" value="로그인">
        </form>
    </div>
    <div>
        <a href="userJoin" >회원가입</a> | 
        <a href="userFindId" >아이디찾기</a> |
        <a href="../user/userFindPw" >비밀번호찾기</a>
    </div>
</div>

 

 

제이쿼리부분

$('#us_login_form').keypress(function(e){
    if(e.keyCode === 13){
        $('#login').trigger('click');
    }
});

 

13이 enter 라고 한다。

---

 

참고한 글

 

enter입력시 로그인 참고

https://bourbonkk.tistory.com/67

#JavaScript Login 페이지에서 Enter 누르면 실행

 

버튼 클릭 이벤트 참고

https://lookingfor.tistory.com/entry/JQuery-%ED%95%A8%EC%88%98-trigger-%EA%B0%95%EC%A0%9C%EB%A1%9C-click-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B0%9C%EC%83%9D%EC%8B%9C%ED%82%A4%EA%B8%B0

JQuery 함수 trigger(), 강제로 click 이벤트 발생시키기