利用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点击回车键实现登录效果(详细教程)

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

使用Angular CLI生成 Angular 5项目教程详解

分析javascript原型及原型链

jquery 实现拖动文件上传加载进度条功能

以上就是利用jquery点击回车键实现登录效果(详细教程)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2752876.html

(0)
上一篇 2025年3月8日 06:30:22
下一篇 2025年3月8日 06:30:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论