下面我就为大家分享一篇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(); }}); });
最终效果图:
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
使用Angular CLI生成 Angular 5项目教程详解
分析javascript原型及原型链
jquery 实现拖动文件上传加载进度条功能
以上就是利用jquery点击回车键实现登录效果(详细教程)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2752876.html