List 关注ul列表
我为我的网站开发了一个自定义搜索,我在一个带有div的ul列表中显示结果。我的问题是我希望这些结果是可聚焦的,这样我就可以用箭头键浏览它们。这可能吗?如果是,怎么办?谢谢List 关注ul列表,list,focus,html-lists,arrow-keys,List,Focus,Html Lists,Arrow Keys,我为我的网站开发了一个自定义搜索,我在一个带有div的ul列表中显示结果。我的问题是我希望这些结果是可聚焦的,这样我就可以用箭头键浏览它们。这可能吗?如果是,怎么办?谢谢 结果您可以使用tabindex属性使元素可聚焦 没问题,别忘了打勾接受答案:) <ul> <li tabindex="0">a</li> <li tabindex="0">a</li> <li tabindex="0">a<
结果您可以使用
tabindex
属性使元素可聚焦
没问题,别忘了打勾接受答案:)
<ul>
<li tabindex="0">a</li>
<li tabindex="0">a</li>
<li tabindex="0">a</li>
<li tabindex="0">a</li>
</ul>
window.onkeydown = function(e) {
e = e || event;
switch (e.keyCode) {
case 37: alert('left');
case 38: alert('up');
// http://stackoverflow.com/a/7208662/1156119
break;
case 39: alert('right');
case 40: alert('down');
// http://stackoverflow.com/a/7208662/1156119
break;
}
}