jQuery实现回车触发登录按钮的功能

jQuery实现回车触发登录按钮的功能,代码如下:

1 $(‘body‘).keyup(function(e){
2     if(e.keyCode===13){
3         $(‘.login‘).click()
4     }
5 })

要点如下:

1.把keyup事件绑定在body上

2.回车键的键码为13

3.用click()直接触发点击事件

原文地址:https://www.cnblogs.com/luoyihao/p/12009412.html

时间: 2024-08-01 15:55:25

jQuery实现回车触发登录按钮的功能的相关文章

工作积累(三)——使用jQuery实现回车触发事件

输入用户名密码后敲击回车即可登录是一个普通到我们经常会忽略的功能,然而之前并不知道如何实现.jQuery 可以帮我们迅速实现这一功能,方式如下. 1.jQuery代码: $(function() {     $("#login-input").keyup(function(e){         if(e.which === 13) {             $("#submit-button").click();         }     });       

asp.net 页面屏蔽回车触发button按钮事件

一,原理 深层次来说这不是 ASP.NET 的问题, 而是 html form. 的 submit 按钮就是如何设计的. 当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form. 二.方法: 修改 button 呈现方式 UseSubmitBehavior="false",把所有的button全部都设置完后,即可屏蔽回车键,提交form了. 如: <tr><

jquery 实现回车登录

1.button按钮提交方式 //按钮事件 $('#btnSumit').click(function() { alert('测试'); }); //回车提交事件 $("body").keydown(function() { if (event.keyCode == "13") {//keyCode=13是回车键 $('#btnSumit').click(); } }); 2.form表单提交方式 a.使用jquery $("body").bin

【WebForm】编程点滴:由文本框回车触发按钮点击事件想到的

在WebFomr中我们常常会需要实现这样一个功能:文本框回车时触发触发其他按钮的click事件.在JS中我们常常这样做: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

javascript 回车提交指定按钮

当页面上有多个提交按钮时,使用回车键会触发第一个按钮的点击事件.现在我们想触发指定按钮的提交,只需要在最后输入的文本框中加入 onkeydown 事件,如下 <asp:TextBox ID="txtLoginName" runat="server" CssClass="text_ersf" onkeydown="javascript:if (event.keyCode == 13) { document.getElementByI

asp.net中TextBox里面实现回车触发指定事件

原文:asp.net中TextBox里面实现回车触发指定事件 我在一个user_top用户控件里面做了个包括搜索的功能.然后再一个页面中添加这个用户控件.浏览时候在textbox里面输入搜索内容后.下意识的摁了回车.谁知道报错了.因为页面回发.我在page_load里面写了!IsPostBack{...}所以导致了未将对象引入对象实例.网上搜了下. 方法一: <asp:Panel ID="panSearch" runat="server" DefaultBut

jQuery实现无刷新切换主题皮肤功能

jQuery实现无刷新切换主题皮肤功能 helloweba.com 作者:月光光 时间:2010-12-13 12:49 主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验.本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能. 查看演示 实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式. 准备

Android 实现登录界面和功能实例

最近一个android小程序需要登录功能,我简单实现了一下.现在记录下来也当做个笔记,同时也希望可以相互学习.所以,如果我的代码有问题,还各位请提出来.多谢了! 下面,就简述一下此实例的主要内容: 输入用户名和密码 ,从本地文件userinfo.json中读取users.判断此用户名是否在users中,如果不在则加入users,每次退出Activity都使用AES算法加密users,然后保存到userinfo.json中.用户名下拉菜单是由PopupWindow + ListView 实现. 运

QQ登录网站接入功能实现--非官方文档搬运

背景 最近第一次使用QQ登录功能,期间遇到这种问题,在网上找了很多资料,大多都是官方的搬运,并没有真正的干料,可能是个人能力问题,遇到了各种麻烦,折腾了几天,最终弄好,在这里记录一下和大家分享,希望对大家有所帮助. 由于官方文档已经对如何使用API接口做出了很明确的说明,所以这里我只是记录我在开发过程中一些步骤中遇到的问题和注意的事项,详细步骤请参考官方文档:http://wiki.connect.qq.com/ 开发环境:SpringMVC.QQ登录Java SDK版.Maven.IDEA 应