js回车提交事件(示例)

发布时间:2019-10-07编辑:脚本学堂
分享二个js回车提交事件的例子,用js脚本检测页面中的回车事件,完成数据的提交,有需要的朋友参考下。

在网页中捕捉 用户的输入后用回车提交的事件,而非鼠标单击,可以有两种情况。

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

复制代码 代码示例:
<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.getElementByIdx_x_x("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);"/>

说明:如果一个页面可能需要捕捉多个回车事件,那么就使用以上方式分开写即可。