大佬教程收集整理的这篇文章主要介绍了jquery – Dom Traversal自动键盘焦点 – 空间导航，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在开发一个电视应用程序.这个概念很简单,基本上可以通过在电视的视频平面上覆盖浏览器来实现.现在是电视,没有鼠标或额外的指点设备.所有交互都通过遥控器完成.因此,用户需要能够直观地告知他们当前关注的元素.为了表明元素是聚焦的,我当前在元素上添加了一个彩色透明图像来指示焦点.@H_772_7@
现在,当用户点击箭头键时,我需要根据按下的键关注正确的元素进行响应.因此,如果按下向下箭头,我需要关注DOM树中的下一个可聚焦元素(可能是孩子或兄弟),如果他们点击向上箭头,我需要响应前一个元素.这基本上模拟了浏览器中的空间导航.@H_772_7@
我目前正在任何应该能够获得焦点的DOM元素上设置一个属性(focusable = truE).我想要做的是确定前一个或下一个可聚焦元素(即属性focusable = truE)并将焦点应用于元素.@H_772_7@
我希望遍历DOM树以确定下一个和以前可聚焦的元素,但我不确定如何在JQuery或一般情况下执行此操作.@H_772_7@
我倾向于尝试使用JQuery树travesal方法,如next(),prev()等.你会采取什么方法来解决这类问题？@H_772_7@
谢谢@H_772_7@
+-----+-----+-----+ | | 1 | | +-----+-----+-----+ | 2 | x | 3 | +-----+-----+-----+ | | 4 | | +-----+-----+-----+
如果按向上,向左,向右,向下,则方块1,2,3,4将导航到的位置…但在DOM顺序中,它们按1,4的顺序定义@H_772_7@
因此,“down”需要知道跳过“3”并转到“4”…更糟糕的是,如果你有一个更大的表,那么在3和4之间可以有任意数量的“可聚焦”元素. (我的简单案例是3×3表,但你可以拥有各种节点,子节点,浮动节点等)@H_772_7@
示例HTML：@H_772_7@
<table>
<tr>
<td></td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>x</td>
<td>3</td>
</tr>
<tr>
<td></td>
<td>4</td>
<td></td>
</tr>
</table>
你可能是最好的,使每个可聚焦元素成为一个按钮,它将具有(或你可以设置)tabIndex …然后你可以使用箭头前进/后退(仅)通过控件.@H_772_7@
以上是大佬教程为你收集整理的jquery – Dom Traversal自动键盘焦点 – 空间导航全部内容，希望文章能够帮你解决jquery – Dom Traversal自动键盘焦点 – 空间导航所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。