荒草燃烧

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::
回车键实现登录方法

代码：

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 
王大仙￥ 
阅读(301) 
评论(0) 
 
收藏 
举报