js回车提交代码

发布时间:2020-03-13编辑:脚本学堂
分享几个js实现的回车提交表单的代码,学习下js 回车提交的实现方法,有需要的朋友做个参考。

例1,js 回车提交。
 

复制代码 代码示例:
document.onkeydown = function (event) {
     e = event ? event : (window.event ? window.event : null);
      if (e.keyCode == 13) {
         document.getElementById("login").onclick();
      }
}

附,js 回车提交表单的两种方法

1、javascript 方法:
 

复制代码 代码示例:
<script>
document.onkeydown=function(event){
e = event ? event :(window.event ? window.event : null);
if(e.keyCode==13){
//执行的方法
alert('回车检测到了');
}
}
</script>
<script>
document.onkeydown=function(event){
e = event ? event :(window.event ? window.event : null);
if(e.keyCode==13){
//执行的方法
alert('回车检测到了');
}
}
</script>

2、jquery 方法:
 

复制代码 代码示例:
<script>
$(document).ready(function(){
$("按下回车的控件").keydown(function(e){
var curKey = e.which;
if(curKey == 13){
$("#回车事件按钮控件").click();
return false;
}
});
});
</script>

最后,补充下js禁止回车提交的方法。
 

复制代码 代码示例:
function ifenter(){
  //禁止回车提交的函数
  if(event.keyCode==13){
  return   false;
  }else if(event.srcElement.type=="submit"){
  form1.submit();
  }
  }
  document.onkeydown=ifenter;