javascript – 键盘上下箭头

我有一个自动完成搜索,其中通过键入几个字符,它将显示与输入的字符匹配的所有名称.我使用DIV标签在jsp中填充这些数据,通过使用鼠标我可以选择名称.但是我想使用键盘上下箭头选择要选择的DIV标签中的名称.任何人都可以帮助我.

解决方法

使用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
}