HTML & JS 问题：如果按下数字、符号或字母键，如何将焦点置于 HTML 输入元素

Question

我的问题： 如果按下键盘上的数字、字母或特殊字符（不是 ctrl、F1、F2...）

，如何将焦点置于 HTML <input> 元素

Answer 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 or keyboardEvents 上 w3schools 的文档以了解更多信息。

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

html

javascript

keyboard

input