Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Javascript 如何使用左右箭头键在元素之间导航?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用左右箭头键在元素之间导航?

Javascript 如何使用左右箭头键在元素之间导航?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一组自定义指令(每个都配置为一个元素)。我想看看是否有可能创建一个键盘导航(左箭头和右箭头),允许用户在元素之间切换焦点 理想情况下,我希望有两个函数可以工作 用户使用左/右箭头高亮显示当前元素(CSS:border:yellow) 用户点击空格/回车键选择该元素 功能keydown将起作用 jQuery(document).keydown(function(e){ if (e.keyCode == 37) { console.log('left')

我有一组自定义指令(每个都配置为一个元素)。我想看看是否有可能创建一个键盘导航(左箭头和右箭头),允许用户在元素之间切换焦点

理想情况下,我希望有两个函数可以工作

  • 用户使用左/右箭头高亮显示当前元素(CSS:border:yellow)
  • 用户点击空格/回车键选择该元素

  • 功能keydown将起作用

    jQuery(document).keydown(function(e){
        if (e.keyCode == 37) {
            console.log('left')        
        }
        if (e.keyCode == 39) {
            console.log('right')
        } 
    });
    
    数字37是指左键的键码, 数字39是指右键的键码。 所以基本上每个键都有不同的键代码