哪些浏览器正在实现输入属性“ accesskey
”?
行为是否跨浏览器一致?仅将其用作额外的数据属性
是否安全(例如标签上有时使用“ ”和“ ”)?accesskey
rel
rev
a
另外,有没有办法在 JavaScript 中捕获“onaccesskeypress”?它只是触发一个 onclick 事件吗?
哪些浏览器正在实现输入属性“ accesskey
”?
行为是否跨浏览器一致?仅将其用作额外的数据属性
是否安全(例如标签上有时使用“ ”和“ ”)?accesskey
rel
rev
a
另外,有没有办法在 JavaScript 中捕获“onaccesskeypress”?它只是触发一个 onclick 事件吗?
accesskey
有相当参差不齐的实施。Firefox 允许您使用任何字符作为accesskey
值,而 Safari 似乎只允许使用数字字符(例如,在此页面上)。
下一个按钮映射到访问>
键。它适用于 Firefox(Ctrl>Mac 上的 ,),但不适用于 Safari。
在我看来,如果键盘导航对您的网页至关重要,那么使用 JavaScript 是一个更好的选择。
编辑:经过更多的实验,Safari 似乎支持字母数字字符的访问键。执行它们的按键是CtrlAlt{ACCESSKEY}. 我仍然认为 JavaScript 是实现键盘导航的最佳方式,但为了清楚起见,我想我会添加这些信息。
浏览器支持:
所有主流浏览器都支持该accesskey
属性。尽管已经有一些讨论这是否对可访问性是一件好事,但它仍然是 HTML 的一部分(从 HTML5 开始)。
一致的行为:
行为仅在浏览器和平台之间是一致的,因为按下一组特定的控制键和定义的accesskey
键将激活链接。
根据定义,每个 Web 开发人员都可以根据自己的意愿自由定义访问密钥,并且对于通用链接没有统一的标准,例如“跳转到主要内容”、“主页”、“站点地图”等,所以网站之间没有一致性。请参阅下面的我的建议。
此外,用于访问这些键盘快捷键的控制键因浏览器和平台而异,浏览器版本之间也会有所不同。
关于访问密钥的Wikipedia 页面为大量浏览器提供了一个列表,并且应该为您提供一个最新列表。
安全地accesskey
用作一个额外的数据属性:
我不确定你所说的“安全”是什么意思。以下是如何使用它的示例:
<a accesskey="9" href="/sitemap.html">Sitemap</a>
个人建议的访问密钥:
0 - 主页
9 - 站点地图
8 - 辅助功能页面(列出键)
1,2,3... - 主要导航项,仅限顶级
每个主要浏览器都支持accesskey
(解析它并相应地分配键盘快捷键)。
问题在于每个浏览器的控制键都不同。在 Internet Explorer 上,它是Alt+ key,Firefox 使用Shift++ ,Mac使用Alt+ 。keyCtrlkey