jquery Enter 키 를 누 르 면 로그 인 효 과 를 실현 하고 기본 초점 을 맞 추 는 방법

최근 에 프로젝트 로그 인 을 할 때 매번 로그 인 단 추 를 눌 러 야 해당 페이지 에 들 어 갈 수 있 고 사용자 에 게 좋 지 않 은 경험 을 할 수 있 기 때문에 저 는 리 턴 키 를 사용 하여 로그 인 을 할 수 있 습 니 다.
방법:

<form> 
<input type="text" id="username_txt" placeholder="   " />
<input type="password" id="userpass_txt" placeholder="  " />
    <button id="login_btn">  </button>
</form>
$(function () { 
$('#username_txt').focus();
    //      
    $("#login_btn").click(function () {
    //     
    var username = $('#username_txt').val();
    //    
    var userpass = $('#userpass_txt').val();
     if (username == "" || userpass == "") { alert("         !"'); }
    else {
//      
        $.ajax({
           
 });
 }
 });
$("body").keydown(function(event) {
 if (event.keyCode == "13") {//keyCode=13    
$("#login_btn").click();
 }
}); 
});

최종 효과 도:

이상 의 jquery 는 Enter 키 를 누 르 면 로그 인 효 과 를 실현 하고 기본 초점 을 맞 추 는 방법 은 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기