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

Question

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

也尝试没有成功:

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

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

Answer 1

您看到的行为是正确的,您无法"访问"未显示的元素.萨尔的建议几乎肯定会奏效,但我可以问你这样做的目的是什么？可能有更好的方法来实现您想要实现的目标.您是否考虑过使用按键处理程序？

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