本文实例讲述了射流研究…实现方向键切换输入框焦点的方法。分享给大家供大家参考。具体如下:
这里实现射流研究…方向键控制切换输入框焦点效果,不过无法兼容火狐。当输入完毕按回车或按方向键可移动焦点至想要输入的文本框内,无需点击鼠标,对于经常录入数据的时候,这种功能可提高输入速度。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-input-cha-focus-style-codes/
具体代码如下:
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title js方向键切换输入框焦点/title meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/head dytable border=' 1 ' id=' mm ' onkeydown=' keyDown(event)' tr TD输入TD/TD输入td td TD输入/td/tr输入TD/TD输入TD/TD输入/td输入/td输入/td输入/td输入/td输入/td输入/td输入/td输入/tr TD输入/td输入/td输入/td输入/td输入/td输入/td输入/td输入/tr TD输入/TD输入/TD输入-var输入=文档。getelementbyid(' mm ').getElementsByTagName(' INPUT ');函数KeyDown(事件){ var focus=document。activeElEMENTif(!document.getElementById('mm ').包含(焦点))返回;var event=window . event | | event var key=event . key code for(var I=0;iinputes . lengthi){ if(inputs[I]==focus)break;}开关(键){案例37: if(i0)输入[i-1].焦点();打破;情况38: if(i-4=0)输入[i-4].焦点();打破;案例39: if(iinputs.length-1)输入1 .焦点();打破;案例40: if(i 4输入。长度)输入[I]4 .焦点();打破;} }/////脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。