没有 alt 键的 HTML 元素键盘快捷键答案

【问题标题】：HTML element keyboard shortcut without alt key没有 alt 键的 HTML 元素键盘快捷键
【发布时间】：2021-11-06 19:21:53
【问题描述】：

我有一个可以通过键盘快捷键访问的按钮，但用户必须按 ALT+Z。有没有让用户只需按 Z （或其他键）而无需按 ALT 来访问按钮？

非常感谢，

<input style="display:none;" id='stopButton1' type="button" value="Z" onclick="stop('z')" accesskey="z" />

【问题讨论】：

标签： html access-keys

【解决方案1】：

不，这在纯 HTML 中是不可能的。

需要JavaScript：使用keypress事件检测特定的字符代码，并调用一些函数。

【讨论】：

给出任何例子/语法
很高兴知道我们可以在没有 jquery 插件的情况下使用它

【解决方案2】：

我们可以使用jquery 2.1.3插件和keypress与ASCII值

JS：

$(document).keypress(function (e) {
    if (e.which == 72 || e.which==104) {
        window.location.replace("http://soluvations.in");
    }
});

HTML：

<p>Press H/h to go to Home Page</p>

这里是 JSFIDDLE link

【讨论】：

【解决方案3】：

我登陆这个页面是为了寻找一种快速的方法来让 accesskey 在没有修饰符 (alt) 键的情况下运行。

如果其他人也在寻找相同的内容，我已将其添加到我的页面：

  $(document).on('keydown', function(e) {
    var link = $("a[accesskey=" + e.key + "]");
    if (link.length) {
      window.location = link.attr('href');
    }
  });

这将捕获按键，如果有与该accesskey 集的链接，它将重定向到其href。

【讨论】：