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

Question

我想在我的页面上创建链接和输入元素，这些元素可以通过箭头键导航。如果我只想到上/下箭头键这很容易，它与tab / shift + tab的模式相同。

找到下一个元素并集中注意力。

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

Answer 1

我认为最好的方法是定义一个自定义的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）之间水平箭头，而不会改变行。

这是基本的想法。我认为这是一个自定义地图。或者只是通过为一列输入指定列高来自动化它，然后隐式地为每个输入提供添加它的顺序的索引将使箭头导航成为现实。

万岁。