JavaScript实现回车键和上下键在web控件间跳转

document.οnkeydοwn=keyEnter
function keyEnter(e)
{
 var srcElement=window.event.srcElement;
 var iKeyCode=window.event.keyCode;

 if(iKeyCode==13||(srcElement.name.indexOf('_ctl', 0) > 0&&(iKeyCode==40||iKeyCode==38)))
 {
  if(srcElement.tagName=="INPUT"&&(srcElement.type=="button"||srcElement.type=="submit"||srcElement.type=="reset"||srcElement.type=="image"))
  {
   return false;
  }  
  if (srcElement.tagName=="INPUT"||srcElement.tagName=="SELECT")
  {
   if(iKeyCode!=38)
   {
    if(srcElement.onchange!=null)
    {
     var SrcValue=srcElement.value;
     srcElement.onchange();
    }
    var i = 0;
    while (srcElement!=srcElement.form.elements[i])
    {
     i++;
     if(srcElement.form.elements.length==i) //一进找到最后一个元素
     {  
      return false;
     }
    }
    //继续循环找到非Disabled和readOnly
    var NextElement=srcElement.form.elements[i+1];
    for(j=i+1;j    {
     NextElement=srcElement.form.elements[j];
     if(NextElement.readOnly||(NextElement.disabled==true||NextElement.disabled=='disabled')||NextElement.style.display=="none") 
     {
      NextElement=null;
      continue;
     }
     /*****************************
     回车时候屏蔽掉提交按钮
     **********************/
     //if(srcElement.form.name!="Login")
     //{
      if(NextElement.tagName=="INPUT"&&(NextElement.type=="button"||NextElement.type=="submit"||NextElement.type=="reset"||srcElement.type=="image"))
      {
       NextElement=null;
       continue;
      }
     //}
     /*****************************/
     if(NextElement.tagName=="INPUT")
     {
      if(NextElement.type=="hidden")
      {
       NextElement=null;
       continue;
      }
     }
     
     if(srcElement.name.indexOf('_ctl', 0) > 0&&iKeyCode==40)
     {
      if(NextElement.name.indexOf('_ctl', 0) > 0)
      {
       var Srcname = srcElement.name.split(":");
       var NextName = NextElement.name.split(":");
       if(Srcname[2]!=NextName[2])
       {
        NextElement=null;
        continue;
       }
       else
       {
        NextElement.value=srcElement.value;
       }
      }
      else
      {
       NextElement=null;
       continue;
      }
     }
     break;
     
    }
   }
   else
   {
    var i = 0;
    while (srcElement!=srcElement.form.elements[i])
    {
     i++;
     if(srcElement.form.elements.length==i) //一进找到最后一个元素  
      return false;
    }
    //继续循环找到非Disabled和readOnly
    var NextElement=srcElement.form.elements[i-1];
    for(j=i-1;j>0;j--)
    {
     NextElement=srcElement.form.elements[j];
     
     if(NextElement.readOnly||(NextElement.disabled==true||NextElement.disabled=='disabled')||NextElement.style.display=="none") 
     {
      NextElement=null;
      continue;
     }
     /*****************************
     回车时候屏蔽掉提交按钮
     **********************/
     if(NextElement.tagName=="INPUT"&&(NextElement.type=="button"||NextElement.type=="submit"||NextElement.type=="reset"||srcElement.type=="image"))
     {
      NextElement=null;
      continue;
     }
     /*****************************/
     if(NextElement.tagName=="INPUT")
     {
      if(NextElement.type=="hidden")
      {
       NextElement=null;
       continue;
      }
     }
     
     if(srcElement.name.indexOf('_ctl', 0) > 0)
     {
      if(NextElement.name.indexOf('_ctl', 0) > 0)
      {
       var Srcname = srcElement.name.split(":");
       var NextName = NextElement.name.split(":");
       if(Srcname[2]!=NextName[2])
       {
        NextElement=null;
        continue;
       }
      }
      else
      {
       NextElement=null;
       continue;
      }
     }
     break;
     
    }
   }
   
   if(NextElement)
   {
    
    if(srcElement.tagName=="INPUT"&&srcElement.type=="file")
     ;
    else
     window.event.keyCode=0;
    try
    {
     NextElement.focus();
    }
    catch(e1)
    {
     ;
    }
    if(NextElement.tagName=="INPUT")
    {
     if(NextElement.type=="text"||NextElement.type=="password")
      NextElement.select();
    }
   }
  }
  return false;
 }
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值