荒草燃烧

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

代码:

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="width: 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>


 

 
posted on 2015-10-23 10:59  王大仙¥  阅读(293)  评论(0编辑  收藏  举报