jquery点击回车键实现登录效果并默认焦点的方法

下面小编就为大家分享一篇jquery点击回车键实现登录效果并默认焦点的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近在做项目登录时,每次都需要点击登录按钮才可以进入相应的页面,给用户一个很不好的体验,所以我就添加使用回车键来实现登录。

方法:

 
$(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点击回车键实现登录效果并默认焦点的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

以上就是jquery点击回车键实现登录效果并默认焦点的方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程