javascript - 键盘上下箭头

Question

我有一个自动完成搜索，通过输入几个字符，它会显示所有与输入字符匹配的名字。我使用 DIV 标记在 jsp 中填充此数据，通过使用鼠标我可以选择名称。但是我想使用键盘上下箭头选择要选择的DIV标签中的名称。谁能帮我解决这个问题。

Answer 1

使用 onkeydown 和 onkeyup 事件检查结果 div 中的按键事件:

var UP = 38;
var DOWN = 40;
var ENTER = 13;

var getKey = function(e) {
  if(window.event) { return e.keyCode; }  // IE
  else if(e.which) { return e.which; }    // Netscape/Firefox/Opera
};


var keynum = getKey(e);

if(keynum === UP) {
  //Move selection up
}

if(keynum === DOWN) {
  //Move selection down
}

if(keynum === ENTER) {
  //Act on current selection
}