问题标签 [keyboard-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
99376 浏览

.net - 在 WPF 中设置 Tab 键顺序

如何在 WPF 中设置制表符排序?我有一个 ItemsControl,其中一些项目已展开,有些项目已折叠,并且希望在我进行选项卡时跳过折叠的项目。

有任何想法吗?

0 投票
1 回答
8598 浏览

.net - 如何通过键入在 WPF ListBox 中找到项目?

大多数列表框允许您通过键入显示文本的首字母来查找其中的项目。如果键入的字母匹配多个项目,那么您可以继续添加字母以缩小搜索范围。

我需要在 WPF 中执行此操作ListBox。但是,这些项目不是纯字符串——它们是我使用DataTemplate. 我希望有一种方法可以提供字符串值的路径,该字符串值应该用于ListBox项目的文本键盘导航。

这怎么可能?

0 投票
2 回答
6290 浏览

wpf - 如何在 WPF Expander 控件上设置 TabIndex?

在此示例窗口中,Tab 键从第一个文本框到最后一个文本框,然后到扩展器标题。

显然,我希望这个是第一个文本框,扩展标题,然后是最后一个文本框。有没有一种简单的方法可以将 TabIndex 分配给扩展器的标题?

我尝试使用 强制扩展器成为制表符KeyboardNavigation.IsTabStop="True",但这会使整个扩展器获得焦点,并且整个扩展器不会对空格键做出反应。在另外两个选项卡之后,标题再次被选中,我可以用空格键打开它。

编辑:我会为任何可以提出更清洁方法的人提供赏金 - 如果没有,那么 rmoore,你可以拥有代表。谢谢你的帮助。

0 投票
3 回答
13370 浏览

javascript - 使用 jquery 的菜单的键盘导航

我正在尝试将键盘导航添加到菜单(基于 ul li),我已将 keydown 事件绑定到菜单(或者我应该将 keydown 绑定到文档?)

使用的处理函数如下所示

在这里我得到e.target 作为 html而不是 li ?

你能建议任何其他方式来添加键盘导航吗?

0 投票
2 回答
1553 浏览

javascript - 通过键盘导航聚焦 input[type=file] 时显示浏览器的“选择文件”对话框

input正如标题所说,我希望通过在表单字段中切换(使用键盘导航)在某个获得焦点时打开“选择文件”对话框。默认情况下,“选择文件”窗口仅在单击该字段时打开。

我为这个问题在 JS Bin 上建立了一个页面:http: //jsbin.com/areba/edit

目前,此页面包含以下代码:

如您所见,有一个文本输入和一个文件输入。这个想法是,当文本输入获得焦点时,文件输入被“点击”或其他任何东西,“选择文件”窗口打开。

.css('background', 'lime')声明似乎工作正常;但是,调用.trigger('click')文件输入似乎什么都不做。

(我意识到这可能会导致可访问性问题,所以请不要讨论这个问题。谢谢。)

0 投票
3 回答
11208 浏览

safari - Safari/Opera 的错误是否有解决方法,您无法通过超链接进行选项卡?

在我使用过的 IE、Firefox、Chrome 和大多数基于 Windows 的界面中,该Tab键可用于从一个表单字段或超链接导航到下一个表单字段(例如“可操作”项目)(注意:我没有在其他操作系统

然而,Safari 和 Opera在切换时会跳过网页中的所有超链接。恕我直言,这是一个可用性错误,但我离题了。

是否有一种解决方法/黑客可以让 Safari 和/或 Opera 浏览这些链接?

我注意到tabindex如果设置了 Opera 将接受该属性,例如tabindex="0",从而在页面上的 DOM 流中维护链接“索引”......但 Safari 不想接受这一点。

对于那些感兴趣的人,jQuery 的这一点将使所有的超链接都可选项卡。

...虽然这似乎适用于 Opera ...有更好的解决方法吗?

0 投票
2 回答
5864 浏览

wpf - WPF:聚焦在窗口和用户控件中

我正在尝试让 UserControl 正确地制表并感到困惑。逻辑树如下所示。

Everything works fine, except when the visibility converter for the ComboBox returns Visibility.Collapsed(don't allow user to change database mode), then when textbox1 is selected, instead of being able to tab through the controls in the UserControl, the focus shifts to a button在窗口底部声明。除了显示的控件之外,没有其他任何东西都设置了 TabIndex 或 FocusManager 属性。

我正用头撞砖墙,我一定错过了什么。我尝试过 IsFocusScope=True/False,使用 FocusedElement,如果 ComboBox 不可见(Visibility.Collapsed),则没有任何效果。

用户控件的顶部如下:

0 投票
1 回答
1499 浏览

jquery - jQuery Cycle 多幻灯片和独立键盘导航

我有一个带有 2 个(或更多)jQuery 选项卡的页面。每个选项卡都包含一个 jQuery Cycle 幻灯片,代码中附加了上一页/下一页。

根据 jqueryfordesigners dot com 上的教程,我添加了幻灯片的键盘导航。

键盘导航适用于每个幻灯片,但幻灯片页面同步,即如果分页到选项卡 1 中的第三张幻灯片,当查看选项卡 2 时,它也显示它是第三张幻灯片。

有什么方法可以让它们独立翻页吗?

http://pastie.org/916682

编辑:单击上一个/下一个时,幻灯片页面独立,但不使用 kbd 导航。

0 投票
1 回答
918 浏览

c# - 键盘导航不起作用

我创建了一个 TreeViewComboBox 控件,在这个控件中,我有一个带有 TreeView 项目的 ComboBox,但键盘导航在 TreeView 上不起作用。我无法使用键盘浏览 TreeViewItems。有什么帮助吗?

0 投票
3 回答
1865 浏览

navigation - RTL (right-to-left) keyboard navigation in an HTML