可以使用事件监听器来捕获键盘事件,并使用相关的事件对象来获取键盘输入内容。以下是一个例子:
const input = document.querySelector('input');
input.addEventListener('keypress', (event) => {
const inputValue = event.target.value + event.key;
console.log(inputValue); // 输出新的输入值
});
input.addEventListener('keyup', (event) => {
const inputValue = event.target.value;
console.log(inputValue); // 输出仍然是上一个输入值
});
在上面的代码中,我们添加了两个事件监听器来跟踪按键按下和键盘松开事件。在第一个监听器(keypress)中,我们将当前输入的值(通过事件对象中的“key”属性)添加到输入框中已有的值中,并将其输出到控制台。在第二个监听器(keyup)中,我们只输出当前输入框中的值,而不添加任何其他内容。这样,我们就可以在用户输入时准确地跟踪输入框中的值。