js回车提交事件

来源:互联网 发布:如何让mac不进入屏保 编辑:程序博客网 时间:2024/05/02 01:13

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

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


<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>

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

<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>

<input type="text" id ="input1" maxlength="3" onkeydown="enterIn(event);"/> 

如果一个页面可能需要捕捉多个回车事件,那么就利用上面的方式分开写