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

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

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


一 定义前端界面


有一个登录按钮,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

相关文章
|
1月前
|
JavaScript API
选择用户对话框变到后面去了
选择用户对话框变到后面去了
14 0
|
1月前
|
安全 算法 Java
【SpringSecuirty6.x】自动登录和注销登录
【SpringSecuirty6.x】自动登录和注销登录
27 0
|
7月前
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
31 0
|
11月前
|
数据安全/隐私保护 Windows
win10如何取消密码登录
win10如何取消密码登录
|
数据安全/隐私保护
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
91 0
点击弹窗提示,3秒后关闭窗口并跳转新开窗口
点击弹窗提示,3秒后关闭窗口并跳转新开窗口
102 0
|
数据安全/隐私保护
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确
292 0
制作登录页面,点击键盘的 Enter 键或者单击“登录”按钮,验证用户输入的邮箱和密码是否正确