【问题标题】:Accesskey not working for h1 element in chromeAccesskey 不适用于 chrome 中的 h1 元素
【发布时间】:2020-04-09 14:28:15
【问题描述】:

我正在尝试将 accesskey 用于 div 元素和 h1 元素。我将这些元素的 tabindex 属性指定为tabindex="0"。使用 accesskey 中给出的快捷键访问此元素在 firefox 和 IE 中有效,但在 chrome 中无效。有人对此有任何想法吗?非常感谢您提供的任何帮助。

请看下面的示例代码:

<h1 tabindex="0" accesskey="t">Topics</h1>
<a href="https://www.google.com" accesskey="g">Test Google Link</a>

如果您将上述代码复制到 html 文件中,保存并使用 chrome 打开它,您可以通过“主题”标题​​和“测试 Google 链接”链接元素进行选项卡。 Alt+g可以访问链接,但是Alt+t不能访问头部。

【问题讨论】:

  • 请分享您的代码的相关部分
  • 添加了代码。请再次检查。
  • 您的代码中没有div,您在问为什么div 不能正常工作??!!这与您为什么要在div 甚至hx 上使用访问密钥的原因不同? Accesskeys 用于 commandAction,commandAction 用于div 或标头?
  • 我在问题正文中提到我也想在 h1 元素上使用它。我想保持简单,所以我只放了一个 h1 元素,因为这也完美地说明了我的问题。 accesskey 属性指定激活/聚焦元素的快捷键。我想做到这一点,专注于这个元素,这样我就可以让用户快速跳转到页面的这个部分。您能否提供您所说内容的来源,即 accesskeys 的 commandAction?

标签: html google-chrome


【解决方案1】:

不同的浏览器和不同的操作系统有不同的快捷方式。 您可以查看此表以获取更多信息Accesskey Table

【讨论】:

  • 感谢您的信息。我知道不同浏览器的不同修饰键,并且我正在使用正确的 chrome (Alt) 修饰键。还是不行。
【解决方案2】:

我知道这个问题已经有 6 年历史了,但截至目前,使用访问密钥 ALTt 访问 h1 在当前 Chrome (81 ) 符合预期。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-27
    • 2016-06-02
    • 1970-01-01
    • 2013-08-08
    相关资源
    最近更新 更多