专注于ul列表

Question

我开发了一个自定义搜索我的网站，我在一个带有div的ul列表中显示结果。我的问题是我希望这些结果可以集中，所以我可以用箭头键浏览它们。这可能吗？如果是这样的话？谢谢！

结果

Answer 1

您可以使用tabindex属性使元素具有焦点。

jsFiddle

<ul>
    <li tabindex="0">a</li>
    <li tabindex="0">a</li>
    <li tabindex="0">a</li>
    <li tabindex="0">a</li>
</ul>

启用箭头键将是处理keydown并转到下一个标签索引的问题。

JavaScript开始

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;
    }
}