javascript – 键盘上下箭头

前端之家收集整理的这篇文章主要介绍了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
}

猜你在找的JavaScript相关文章