Javascript 中键盘方向键控制光标在表单中切换之规则列表

      上一次用坐标定位的方法解决了列数不规则的问题，这一次呢 ，针对列数规则的列表写一个通用函数。

     注意：//上下切换(inp[i+2]：2是列数)，这个注释在下面代码里有，根据自己列表的列数修改。

var inp = $(":text").not($("input[readonly]"));

inp.each(function(i,obj){
	$(obj).keydown(function(event){
		event = event || window.event;
		var iekey = event.keyCode; //获取你键盘按下的的什么键（得到数字）
		
		//上下切换(inp[i+2]：2是列数)
		if(iekey == 40 && typeof(inp[i+2])!= 'undefined') {
			setTimeout(function(){inp[i+2].select();},10);
		}else if(iekey == 38 && typeof(inp[i-2])!= 'undefined'){
			setTimeout(function(){inp[i-2].select();},10);
		}
		
		//左右切换
		if (iekey == 37 || iekey == 39) {
		
			//获取当前光标在表单的位置
        	if (document.selection) {
				var sel = document.selection.createRange();
            	sel.setEndPoint("StartToStart", this.createTextRange())
            	var s = sel.text.length //获取光标在表单的位置
        	}else{
            	var s = this.selectionStart; //获取光标在表单的位置
        	}
			
			if (iekey == 39 && typeof(inp[i+1])!= 'undefined' && s == this.value.length) {
				setTimeout(function(){inp[i+1].select();},10);
				//setCaretPosition(inp[i+1],inp[i+1].value.length);
			}else if(iekey == 37 && typeof(inp[i-1])!= 'undefined' && s == 0){
				setTimeout(function(){inp[i-1].select();},10);
				//setCaretPosition(inp[i-1],0);
			}
		}
	});
});

//控制光标的初始化位置
function setCaretPosition(obj, pos){
   
    if(obj.setSelectionRange){   	
        obj.setSelectionRange(pos,pos);       
    }else if(obj.createTextRange) {
        var range = obj.createTextRange();
        range.collapse(true);
        range.moveEnd('character', pos);
        range.moveStart('character', pos);
        range.select();
    }  
}

 这一次比上次的方法简单多了。。。。不过只能用在列数规则的列表上。