在 Firefox 中更改 accesskey 修饰键

Question

我正在开发一个网站，其中每个页面都有按钮，例如“提交”和“取消”。这些按钮中的每一个都有一个accesskey 属性。提交按钮的accesskey属性设置为S，取消按钮的accesskey属性设置为C。

在不同的浏览器中使用不同的修饰符激活访问键。 Internet Explorer、Safari 和 Google Chrome 仅使用 alt，而 Firefox 使用 alt 和 shift 键。同样，Firefox 使用 alt + s 来打开历史菜单。

此问题的答案不应建议更改浏览器配置中的设置，因为这在生产站点上是不可行的。

如何将 Firefox 用于 accesskey 的修饰键更改为 alt，并阻止历史菜单打开？

我在 Ubuntu 16.04 中工作。

Answer 1

据我所知，您不能更改激活accesskey 所需的组合键，但您要实现的目标不需要使用accesskey 属性。可以直接监听 keydown 事件。

为文档添加一个 keydown 事件监听器。在处理函数中检查是否按下了 alt 和 s 键。如果它们是 - 并且没有按下其他修饰键 - 阻止事件的默认操作，然后在提交按钮上触发单击事件。在提交按钮上触发单击事件将依次触发提交事件侦听器，而 @987654321 @

const submit = document.querySelector('#submit')

document.addEventListener('keydown', e => {
  // If the only modifier key is the alt key, and the s key is pressed
  if(!e.metaKey && !e.ctrlKey && !e.shiftKey && e.altKey && e.key === 's') {
    e.preventDefault()  // Prevent the mozilla history menu from opening
    submit.click()      // Trigger the form submission
  }
})

<form action=""><button type="submit" id="submit"><u>S</u>ubmit</button></form>

_{注意事项：
1.虽然这适用于当前稳定版本的 Firefox，但我还没有测试过其他版本
2。此示例使用 2015 版 The ECMAScript Language Specification 中引入的语言功能。这些功能不是达到预期效果所必需的，而是使代码更易于阅读。如果需要支持旧版浏览器，可以用var代替const，用标准函数代替粗箭头函数。
3.不幸的是，由于沙盒，Stack Overflow sn-p 功能不适用于此示例，请参阅此example on JSBin}

Answer 2

如果您想深入了解它，请尝试这篇文章以获得更多信息：http://kb.mozillazine.org/Ui.key.contentAccess

如果您发现无法习惯“in-tab”首选项对话框，则有一个返回旧样式对话框的首选项：

1. 在新选项卡中，在地址栏中键入或粘贴 about:config，然后 按 Enter。点击承诺小心的按钮。

2. 在列表上方的搜索框中，键入或粘贴首选项，然后暂停 列表被过滤

3. 双击 browser.preferences.inContent 首选项进行切换 从真到假

注意：我不知道这是否会永远存在于 Firefox 中，或者只是一个过渡功能。