>  기사  >  웹 프론트엔드  >  jquery를 사용하여 Enter 키를 클릭하면 로그인 효과를 얻을 수 있습니다(자세한 튜토리얼).

jquery를 사용하여 Enter 키를 클릭하면 로그인 효과를 얻을 수 있습니다(자세한 튜토리얼).

亚连
亚连원래의
2018-05-31 14:54:252295검색

이제 로그인 효과와 기본 포커스를 얻기 위해 Enter 키를 클릭하는 jquery 방법을 공유하겠습니다. 이는 좋은 참조 값이 있으며 모든 사람에게 도움이 되기를 바랍니다.

최근 프로젝트 로그인을 할 때, 해당 페이지로 들어가려면 매번 로그인 버튼을 눌러야 했는데, 이로 인해 사용자에게 매우 안 좋은 경험을 했기 때문에 Enter 키를 사용하여 로그인하는 기능을 추가했습니다.

방법:

<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();
 }
}); 
});

최종 렌더링:

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Angular 5 프로젝트 생성을 위한 Angular CLI 사용에 대한 자세한 튜토리얼

Javascript 프로토타입 및 프로토타입 체인 분석

jquery는 드래그 파일 업로드 로딩 진행률 표시줄 기능을 구현합니다.

위 내용은 jquery를 사용하여 Enter 키를 클릭하면 로그인 효과를 얻을 수 있습니다(자세한 튜토리얼).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.