js登录页面的 回车事件

js登录页面的 回车事件

js登录页面的 回车事件(2012-12-26 10:37:03)转载▼标签： jseventkey回车事件登录 分类： js、jquery 
//回车事件

第一种
document.onkeydown=function(e){
 if(!e)e=window.event;
 if((e.keyCode||e.which)==13){
 tijiao();
 }

第二种

$(document).ready(function(){
  $("body").bind("keydown",function(event){
         if(event.keyCode == 13){
          submitForm();
         }
        });   
 });

$(function() {
            //搜索按钮
            $("#txtSearch").keypress(function(e) {
                var key = window.event ? e.keyCode : e.which;
                if (key.toString() == "13") {
                    search(); return false;
                }
            });

            //登录按钮LoginPwd
            $("#loginPwd").keypress(function(e) {
                var key = window.event ? e.keyCode : e.which;
                if (key.toString() == "13") {
                    Login(); return false;
                }
            });
            //密码忘记
            $("#txtRecPwd").keypress(function(e) {
                var key = window.event ? e.keyCode : e.which;
                if (key.toString() == "13") {
                    RetrievePassword(1); return false;
                }
            });
        });

 新----------

常常需要捕捉 用户的输入后用回车 提交的事件，而不是用鼠标单击
一般有两种情况

一、整个页面用一个回车提交事件：

<input type="button" value="回车提交" id="auto" onclick="alert('你按了回车')"/>

<script type="text/javascript">
    document.onkeydown = function(e){
        if(!e) e = window.event;//火狐中是 window.event
        if((e.keyCode || e.which) == 13){
            document.getElementById("auto").click();
        }
    }
</script>

二、某个输入框中注册回车事件，一般用于用户在页面输入后按回车:

 

<input type="text" id ="input1" maxlength="3" onkeydown="enterIn(event);"/>  
<script>
function enterIn(evt){
  var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF
  if (evt.keyCode==13){
  var obj ;
  queryDistrict(obj,2);
}
}
</script>