问题标签 [keyboard-focus]

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 投票
1 回答
38 浏览

c# - 当存在验证错误并且许多自定义文本框一个接一个放置时,如何保持自定义文本框的焦点

当它们彼此相邻放置时,我试图将自定义文本框的焦点设置在验证错误上。我CustomTextBox在 wpf 中做了一个(从 TextBox 继承)。

我必须在主 xaml 文件中一个接一个地保留两个 customTextBox。

我需要做什么?

现在,在移动选项卡或鼠标单击到任何其他控件之外或下一个放置的 CustomTextBox 时,它必须显示验证错误,并且如果第一个有错误,则不应失去焦点。

问题出在哪里?

当我按下选项卡时,它会调用LostKeyboardFocus事件 2 次。第一次是第一个 CustomTextBox,然后是下一次放置的 CustomTextBox(我认为按 Tab 键会将它带到那里)。我在这些自定义文本框的 LostKeyboardFocus 上触发文本框绑定,然后我检查已经有效的验证错误。然后我弹出同样有效的错误消息

问题是我必须将重点放在验证错误上的第一个 CustomTextBox 上,而下一个放置的 CustomTextBox 会再次调用它。

我的代码是(仅相关部分):

出现验证错误时,如何使第二个放置的 CustomTextBox 不调用此 CustomTextBox_LostKeyboardFocus?

0 投票
1 回答
845 浏览

material-ui - 如何覆盖 Material UI 单选按钮的 focusVisible 属性

我正在使用 Material UI - 单选按钮

我想覆盖他们的 focusVisible 属性,您可以在其中仅通过键盘将样式应用于焦点复选框

我可以定位输入并使用本机焦点可见状态并应用样式,但旧浏览器不太支持它。

Material UI 实现了自己的 focusVisible 状态,但无法弄清楚如何覆盖它。有什么建议么?

0 投票
1 回答
263 浏览

accessibility - 带有 href 的标签未在选项卡上接收键盘焦点

我正在使用带有链接的菜单,结构是 ul > li > 带有 href 的标签,并且链接没有通过菜单获得焦点。据我所知,具有有效 href 的 a 标记的默认行为是在选项卡上接收键盘焦点。这是操作系统/浏览器问题吗?我在 Mac 上运行 Catalina 并在 Chrome 中浏览。

我已经用谷歌搜索并阅读了辅助功能文档,但无法弄清楚为什么 a 标签没有收到任何键盘焦点。这是通过测试确定的可访问性要求。

0 投票
1 回答
53 浏览

uwp - 将键盘交互焦点设置为 MenuFlyoutItem

UWP我用来MenuFlyoutItem显示下拉列表的应用程序中。这是xaml代码

我以编程方式添加MenuFlyoutItemMenuFlyout

问题:当用户使用带有键盘交互的应用程序时,第一个MenuFlyoutItem是焦点。我希望不同的项目得到关注(可能是用户之前选择的项目应该得到关注)。

例子:

我有 3 个选项:

  1. 剩下
  2. 正确的
  3. 底部

当用户MenuFlyout通过键盘打开时Enter,默认情况下聚焦第一项 -> Left。我希望第二个项目->Right得到关注。

我怎样才能做到这一点。我已阅读此键盘交互官方文档,但没有找到任何想法。