JS控制文本框内键盘上下左右键的焦点

JavaScript键盘上下左右控制文本框焦点的方法有很多,这里简单说两种方法:

方法一:

创建一个table的dom元素,包含5行4列的文本框



      
    keyboard control 1    
	
    
  

JS控制文本框内键盘上下左右键的焦点_第1张图片

基本思路是获取表单的行列数,监听键盘操作,通过DOM操作表格的行列来选取表格内的文本框。

 

方法二:

这个方法试用于动态创建多个文本框的情况,将所有的文本框划分为行列数组,为每个input设置id值,监听键盘操作设置,设置onmouseup方法获取当前鼠标位置,然后游当前位置确认数组的下一个相应文本框,将其选中。这里以简单粗糙的方式呈现基本思路



      
    keyborad control 2    
	
    
  



你可能感兴趣的:(JavaScript)