根据浏览器访问密钥href标题

Question

我有这样的东西，一个由访问键激活的搜索栏，麻烦的是每个浏览器都有不同的组合，我已经把标题[alt + s]设为Chrome，但如果有人是浏览使用不起作用的Firefox。我想知道如何使标题动态化，为用户的浏览器显示正确的组合？

＆＃13;

＆＃13;

<a href="javascript:void(0)" accesskey="s" class="togglesearch" title="[alt+s]" >&#128269;</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

这个小片段应该可以解决问题。遗憾的是，HTMLElement.accessKeyLabel仅适用于FF，但对于其他浏览器，"Alt + accessKey应该可以使用。

＆＃13;

＆＃13;

[].forEach.call(document.querySelectorAll('a[accesskey]'), node => {
  node.title += " [" + (node.accessKeyLabel || "alt+" + node.accessKey) + "]"
});

＆＃13;

<a href="javascript:void(0)" accesskey="s" title="Search" class="togglesearch" >&#128269;</a>

＆＃13;

＆＃13;

＆＃13;