如上图所示,我已经实现了,在文本框中输入编号或拼音码可以让下方数据列表无刷新显示查询的内容。
现在我想实现,在文本框中按下回车键或者方向键的向下键,焦点可以移动到下方数据列表里面去,然后移动上下键可以自由的选择表格中的行。

解决方案 »

  1.   

    你可以使用KeyTable,这是一个开源的javascript 库。
    http://www.sprymedia.co.uk/article/KeyTable
      

  2.   

    你不用jquery吧,这问题不难,
    只是我是新手,还没法按自己的想法信手写代码,反正就这么个意思吧:给你那个输入框加键盘监听,听回车和下键,{然后再组合.onblur来取消输入框的焦点,取消的同时,你把焦点交给谁呢,给谁就提前在谁上也绑上键盘监听},然后继续监听上和下和两个键,并在函数中根据上还是下来更改表格中的"tr"的css,比如把tr的class设置为".flag",  这个.flag的CSS里面可以设置高亮红色字体外加背景色;从而区分这行和其他行,这样就可以了啊!这效果给我两小时我能搞出来,肯定行的通,只是那些什么sublinNode nextNode 之类的玩意我被不过,而且我一直用jquery的函数来监听键盘:比如这个是监听回程,13是回车哈~
    $("#denglut input").keydown(function() {
    if (event.keyCode == 13) {
    denglu()
    }
    });
    也不知道你玩不玩这个,其实不用jquery也很简单,那些代码写法随便一"baidu"复制来就用,