zoukankan      html  css  js  c++  java
  • 回车键实现登录方法

    代码:

    html表单代码:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>回车键实现登录方法</title>
        <script src="js/jquery-latest.min.js"></script>
    
    </head>
    
    <body>
    <form id="loginForm">
           <div class="form-group row">
              <p>用户名</p>
              <input style=" 100%;"  type="text"  class="form-control" id="login" placeholder="请输入帐号">
             
          </div>
                                    
         <input type="button" class="btn btn-success" onclick="loginSubmit()" value="登陆">
     </form>
    </body>
    </html>

     要先引入JQuery文件(最新的jQuery版本更好)

    Jq代码:

    
    
    <javascript>
    $("#loginForm").keydown(function (e){
            var theEvent = window.event || e;
            var code = theEvent.keyCode || theEvent.which;
            if(code == 13){//回车键码是13
                loginSubmit();
            }
        })
    function loginSubmit(){
      alert("调用成功");
    }

    </javascript>

    
    
    
     
  • 相关阅读:
    web框架学习
    css上
    数据库
    线程
    反射以及部分内置方法
    排序函数sort() 和sorted() 之介绍
    类的绑定方法
    继承
    面向对象和类
    混淆矩阵、准确率、召回率
  • 原文地址:https://www.cnblogs.com/hcrs/p/4903811.html
Copyright © 2011-2022 走看看