使用jquery使用键盘导航

时间:2011-03-01 07:27:25

标签: jquery

1.当我使用键盘向上箭头时,它应突出显示向上移动的行,如果我向下按箭头,则高光应向下行移动

2.如果我使用向上或向下箭头以及ctrl,我应该能够多选。

这里我写了代码,如果我继续向上按箭头它继续选择和向下箭头它取消选择但我想做的就像我上面提到的那样 [http://jsfiddle.net/hKZqS/2/]

1 个答案:

答案 0 :(得分:1)

switch(e.which)
{
    // user presses the "a" key
    case 38:  if(!e.ctrlKey)
                $('tr').removeClass('ui-selected');
              $('tr#'+(clickid-1)).attr('class', 'ui-selected');
              clickid = clickid-1;
              break;    
    // user presses the "s" key
    case 40:  if(!e.ctrlKey)
                $('tr').removeClass('ui-selected');
              $('tr#'+(clickid+1)).attr('class', 'ui-selected');
              clickid = clickid+1;
              break;
}

您还必须检查clickid是否为> 0和< tr count。
http://jsfiddle.net/hKZqS/8/