当前位置:小鱼儿玄机二站 > 前端技术 > Enter调换为Tab的小例子,js禁止回车提交表单的示

Enter调换为Tab的小例子,js禁止回车提交表单的示

文章作者:前端技术 上传时间:2019-09-03

如下所示;

复制代码 代码如下:

复制代码 代码如下:

document.onkeydown=function(e){
  var e=window.event||e;
  var element=e.srcElement||e.target;
  if(e.keyCode==13&&element.type!="submit"&&element.type!="button"&&element.type!="textarea"&&element.type!="reset"){
    if(document.all){
      e.keyCode=9;
    }else{
      getNextInput(element).focus();
      e.preventDefault();
    }
  }
}
function getNextInput(input){
  var form=input.form;
  for(var i=0;i<form.elements.length;i++){
    if(form.elements[i]==input){
      break;
    }
  }
  while(true){
    if(i++<form.elements.length){
      if(form.elements[i].type!="hidden"){
        return form.elements[i];
      }
    }else{
      return null;
    }
  }
}

function ifenter(){
  if(event.keyCode==13){
  return   false;
  }else if(event.srcElement.type=="submit"){
  form1.submit();
  }
  }
  document.onkeydown=ifenter;

代码如下: document.onkeydown=function(e){ var e=window.event||e; var element=e.srcElement||e.target; if(e.keyCode==13element.type!="submit"element.type!="button"el...

; 复制代码 代码如下: function ifenter(){ if(event.keyCode==13){ return false; }else if(event.srcElement.type=="submit"){ form1.submit(); } } document.onkeydown=i...

本文由小鱼儿玄机二站发布于前端技术,转载请注明出处:Enter调换为Tab的小例子,js禁止回车提交表单的示

关键词: