javascript - 如何为不可见的 HTML 元素定义 accesskey

Question

我有一个 <button>分配给它的访问 key 。只要按钮可见，accesskey 就可以正常工作，但是当我设置 display: none 时或 visibility: hidden , accesskey 不再有效。

也试过没有成功:

• 使用不同的元素类型:a, input(各种类型，甚至无类型)。
• 将 accesskey 分配给包装不可见控件的标签。

请注意，我不确定这是否是标准行为，但在 Firefox 3 之前，无论可见性如何，accesskey 似乎都有效。

Answer 1

您看到的行为是正确的，您无法“访问”未显示的元素。 Sal 的建议几乎肯定会奏效，但请问您这样做的目的是什么？可能有更好的方法来完成您想要实现的目标。您是否考虑过使用按键处理程序？

如果您不想要按键处理程序，我认为您可能希望采用其他建议。尝试position:absolute；左:-9999px；将您的内容拉出页面。或者使用绝对位置，将不透明度更改为零，将 z-index 更改为 -1。通过使用绝对位置元素不会影响页面上其他内容的定位，设置不透明度将使其不可见。即使将不透明度设置为零，您仍然可以点击该元素，虽然您看不到它，但它可能会阻止您点击页面的其他元素，因此请使用负 z-index 将其拉到其他内容后面。