最近在做项目登录时,每次都需要点击登录按钮才可以进入相应的页面,给用户一个很不好的体验,所以我就添加使用回车键来实现登录。本文主要为大家分享一篇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回车键触发事件实现方法
分析input submit、button和回车键提交数据几者之间的区别不同
input submit、button和回车键提交数据详解
以上就是jquery点击回车键实现登录效果实例分享的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1609055.html
微信扫一扫
支付宝扫一扫