JS方向键切换输入框焦点

JS方向键切换输入框焦点,第1张

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"/TR/xhtml1/DTD/xhtml1-trong class="superseo">transitional.dtd"

html xmlns="/1999/xhtml"

head

title JS方向键切换输入框焦点 /title

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

/head

body

table border="1" id="mm"

tr td input /td td input /td td input /td td input /td /tr

tr td input /td td input /td td input /td td input /td /tr

tr td input /td td input /td td input /td td input /td /tr

tr td input /td td input /td td input /td td input /td /tr

tr td input /td td input /td td input /td td input /td /tr

/table

script language="javascript" type="text/javascript"

!--

var inputs=document.getElementById("mm").getElementsByTagName("INPUT");

function keyDown(event)

{

 var focus=document.activeElement;

 if(!document.getElementById("mm").contains(focus)) return;

 var event=window.event||event;

 var key=event.keyCode;

 for(var i=0; i inputs.length; i++)

 {

  if(inputs[i]===focus) break;

 }

 switch(key)

 {

  case 37:

   if(i 0) inputs[i-1].focus();

   break;

  case 38:

   if(i-4 =0) inputs[i-4].focus();

   break;

  case 39:

   if(i inputs.length-1) inputs[i+1].focus();

   break;

  case 40:

   if(i+4 inputs.length) inputs[i+4].focus();

   break;

 }

}

//--

/script

/body

/html


本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
白度搜_经验知识百科全书 » JS方向键切换输入框焦点

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情