jquery는 로그인 효과 예제 공유를 달성하기 위해 Enter 키를 클릭합니다.

최근 프로젝트 로그인 시 해당 페이지로 진입하기 위해 매번 로그인 버튼을 눌러야 하는 현상이 있어 사용자들에게 매우 안 좋은 경험을 하게 되어 로그인 시 Enter 키를 사용하는 기능을 추가했습니다. 이 기사에서는 주로 로그인 효과와 기본 포커스를 얻기 위해 Enter 키를 클릭하는 jquery 방법을 공유합니다. 이는 좋은 참조 값을 갖고 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

방법:

<form> 
<input type="text" id="username_txt" placeholder="用户名" />
<input type="password" id="userpass_txt" placeholder="密码" />
    <button id="login_btn">登录</button>
</form>
$(function () { 
$(&#39;#username_txt&#39;).focus();
    //用户点击按钮
    $("#login_btn").click(function () {
    //获取用户名
    var username = $(&#39;#username_txt&#39;).val();
    //获取密码
    var userpass = $(&#39;#userpass_txt&#39;).val();
     if (username == "" || userpass == "") { alert("用户名密码不能为空！"&#39;); }
    else {
//调用登录方法
        $.ajax({
           
 });
 }
 });
$("body").keydown(function(event) {
 if (event.keyCode == "13") {//keyCode=13是回车键
$("#login_btn").click();
 }
}); 
});

최종 렌더링:

관련 권장 사항:

jquery 키 트리거 이벤트 구현 방법 입력

입력 제출, 버튼 및 키 제출 데이터 입력 분석

데이터 상세 설명을 제출하려면 제출 버튼을 입력하고 Enter 키를 누르세요

위 내용은 jquery는 로그인 효과 예제 공유를 달성하기 위해 Enter 키를 클릭합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!