Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
List 关注ul列表_List_Focus_Html Lists_Arrow Keys - Fatal编程技术网

List 关注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<

我为我的网站开发了一个自定义搜索,我在一个带有div的ul列表中显示结果。我的问题是我希望这些结果是可聚焦的,这样我就可以用箭头键浏览它们。这可能吗?如果是,怎么办?谢谢


结果您可以使用
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;
    }
}