主页 / 问题 / 976771
Accepted
recile
Asked:2020-05-01 03:41:39 +0000 UTC2020-05-01 03:41:39 +0000 UTC

如何将按钮键盘事件添加到按钮，例如'a'？

  • 772

如何添加它以便也可以用键盘上的字母“a”按下它，而不仅仅是单击？ 

<button id="button">кнопка</button>

javascript

2 个回答

  1. Best Answer

    参数对此负责。accesskey参数中指定的键与alt

    <button id="button" accesskey="q" onclick="console.log(this.textContent)">Alt + q</button>
<button id="button" accesskey="w" onclick="console.log(this.textContent)">Alt + w</button>
<br><br>
нажмите сюда чтобы страница получила фокус, такой способ специфичен к языку ввода

    这是一个将侦听器挂在页面上的选项：

    document.querySelectorAll('button[key]').forEach(b => {
  let key = b.getAttribute('key');
  document.addEventListener('keyup', (e) => 
        (e.key === key || e.key === key.toUpperCase()) && b.click());
})
    <button id="button" key="q" onclick="console.log(this.textContent)">q</button>
<button id="button" key="w" onclick="console.log(this.textContent)"> w</button>
<br><br>
нажмите сюда чтобы страница получила фокус

    • 3 

  2. /*проверять можно по event.key == 'a' или event.keyCode == 65 */
document.addEventListener('keyup', (event) => {
  if (event.keyCode == 65) {
    document.getElementById("button").click();
  }
});
    <button id="button" onclick="console.log('кнопка нажата')">кнопка</button>
<br/><br/>нажмите сюда, чтобы страница получила фокус

    • 2

相关问题