按钮登录和回车键登录(六)

简介: 在前端登录时,常常是鼠标点击某个按钮登录。有的时候,是直接点击回车键进行相关的登录。

在前端登录时,常常是鼠标点击某个按钮登录。有的时候,是直接点击回车键进行相关的登录。


一 定义前端界面


有一个登录按钮,id为login


<button type="button" class="btn btn-default" id="login">登录</button>


二 按钮登录


在jQuery中:


$(document).ready(function () {
    //单击登录按钮,执行on_click方法。
    $("#login").click(on_click);
  });


三 回车键登录


对整个document进行相应的监听


/* 捕捉Enter事件 */
$(document).keydown(function(event) {
   event = event || window.event; //window.event,是为了兼容IE
   event.preventDefault(); 
  //按下了回车键
  if (event.keyCode == 13) {
    // 进行登录的操作,与点登录铵钮一样
    on_click();
  }
  //如果是多个按钮,如ctrl+回车键时
  /*if ( event.keyCode ==13 && event.ctrlKey ) {
      on_click();
   }*/
});


四 定义登录方法 on_click()


//具体的登录方法
function on_click(){
  //具体的登录操作
}


五 对照表


20181016210328757.png


20181016210344567.png


2018101621041667.png

相关文章
|
Java 数据安全/隐私保护
登陆页面实现保存帐号密码功能
本文主要讲如何登陆页面实现保存帐号密码功能
491 0
登陆页面实现保存帐号密码功能
|
5月前
|
数据安全/隐私保护
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
该博客文章通过示例代码和运行结果截图,展示了网站登录过程中如何通过中间层页面使用cookies技术实现“记住用户名”功能,并在点击超链接后查看保存的用户名和密码信息。
在某网站的登录页面登录时如果选择“记住用户名”,登录成功后会跳转到一个中间层(页面代码将登录的用户名和密码存在cookie),中间页面中存在一个超链接,单击超链接可以链接到第三个页面查看信息。若选择“
|
5月前
|
JavaScript Java
点击输入框,获取提示信息
点击输入框,获取提示信息
32 1
|
前端开发 JavaScript
HTML+CSS+JS 实现一个漂亮的登陆页面
HTML+CSS+JS 实现一个漂亮的登陆页面
513 1
HTML+CSS+JS 实现一个漂亮的登陆页面
|
数据安全/隐私保护 Windows
win10如何取消密码登录
win10如何取消密码登录
|
前端开发 数据安全/隐私保护 开发者
重置按钮 | 学习笔记
快速学习重置按钮
重置按钮 | 学习笔记
|
数据安全/隐私保护
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确
337 0
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确
|
JavaScript 数据安全/隐私保护
点击忘记密码,显示重置密码的方式(五)
当点击忘记密码时,会在下面弹出一个可以找回密码的方式面板。比在下面直接扔出一个,通过手机号找回,通过邮箱找回,联系管理员找回强太多了。
308 0
点击忘记密码,显示重置密码的方式(五)
|
C#
C# 实现登录并跳转界面
Program.cs文件添加如下内容 Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); //Application.
1787 0

热门文章

最新文章