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

来源:互联网 发布:全自动打电话软件下载 编辑:程序博客网 时间:2024/06/01 22:21

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

     注意://上下切换(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();    }  }



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

阅读全文
0 0
原创粉丝点击