文章/答案/技术大牛

发布

社区首页 >问答首页 >在可聚焦元素上编写箭头键导航的指南？

问在可聚焦元素上编写箭头键导航的指南？
EN

Stack Overflow用户

提问于 2013-03-17 21:54:56

回答 1查看 93关注 0票数 0

我想让我的页面上的链接和输入元素有可通过箭头键导航的foucs。如果我只考虑向上/向下箭头键，这是很容易的，这与tab/shift+tab的模式相同。

只要找到下一个元素并将其聚焦即可。

有没有人能建议一种巧妙的方法来处理用户想要在最接近的元素上左右移动的情况？

html

navigation

arrow-keys

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-18 03:33:55

我认为最好的方法是定义一个自定义的arrow_nav排序索引，如下所示：

screen.addInput({ name:'height', arrow_nav_index:1 });
screen.addInput({ name:'weight', arrow_nav_index:2 });
screen.addInput({ name:'eye color', arrow_nav_index:3 });
screen.addInput({ name:'hair color', arrow_nav_index:4 });
screen.addInput({ name:'star sign', arrow_nav_index:5 });
screen.addInput({ name:'think star signs are bullshit?', arrow_nav_index:6 });

然后我们可以在不改变列的情况下在(1,2,3)和(4,5,6)之间垂直箭头。我们也可以在(1,4)，(2,5)，(3,6)之间水平箭头，而不改变行。

这就是基本的想法。我认为这样做是一种自定义映射。或者简单地通过为一列输入指定列高度，然后隐式地为每个输入指定添加顺序的索引来自动执行，将使箭头导航成为现实。

万岁。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15461520

复制

相似问题

问在可聚焦元素上编写箭头键导航的指南？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在可聚焦元素上编写箭头键导航的指南？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在可聚焦元素上编写箭头键导航的指南？
EN