在网页中实现用上、下键来移动文本框中的光标

aoxer

我们在网页中在文本框中切换光标通常是用tab键，传统的C/S结构的程序很多都可以用上下键来实现，我遇到了2次客户提出要用上下键来实现光标切换的要求，通常都是因为他们录入成绩的时候左手拿成绩单，右手在小键盘上输入数字，切换文本框的时候，如果在网页中他们就要按左边的tab键，觉得很麻烦。我参考了网上的一些脚本，写了一个用上下键来切换焦点的script:
script language="javascript">
                function TabDown(z)
                {
                        var e = document.formname.score;
                        var i = 1 ;
                        if(event.keyCode==40 && z e.length-1)
                        {
                                for(i =z+1;i=e.length-1;i++)
                                {
                                        if(e.type == "text")
                                        {
                                                break;
                                        }
                                }
                                e.focus();
                        }
                        if(event.keyCode==38 && z >1)
                        {
                                for(i = z-1;i>=1;i--)
                                {
                                        if(e.type == "text")
                                        {
                                                break;
                                        }
                                }
                                e.focus();
                        }
                }
/script>

再jsp中定义一个int k = 1在下面的循环显示成绩的文本框的
)">
keyCode为键盘上面按下的键的键值，上键为38，下键为40，如果你想知道你键盘上一个键的键值是多少，那么可以用
来测试。
需要注意的是，我的网页里有一个在循环体上面，所以在定义的 k =1，如果没有这个Input，那么应该是k=0。
这段代码不适用于mozilla firefox等浏览器，因为在mozilla中不支持window.event，适用于mozilla的我还没来得及写，这段代码可能也不是最好的，大家谁有更好的，可以贴上来。


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/25667/showart_195948.html