HTML & JS 问题：如果按下数字、符号或字母键，如何将焦点放在 HTML 输入元素上[关闭]

Posted 2023-03-17

【中文标题】HTML & JS 问题：如果按下数字、符号或字母键，如何将焦点放在 HTML 输入元素上[关闭]

【英文标题】：HTML & JS Question: How to bring focus to an HTML input element if a a number, symbol or letter key is pressed [closed]

【发布时间】：2021-11-07 21:56:47

【问题描述】：

我的问题： 如果按下键盘上的数字、字母或特殊字符（不是 ctrl、F1、F2...），我如何将焦点放在 html <input> 元素上

【参考方案1】：

您应该向document 元素添加一个事件侦听器。这将触发一个函数（最好是匿名的），该函数检查按下的键并在按下所需键时关注input 元素。 它将如下所示：

const input = document.getElementById('myInput');
document.addEventListener('keydown', function() 
var pressedKey = event.key;
if(pressedKey === 'i') 
  input.focus();
 
);

当按下 i 键时，这将把焦点放在 ID 为 myInput 的 input 元素上。

查看keyboardEvents key property 或keyboardEvents 上的 w3schools 文档，了解更多信息。