如何通过JavaScript获取键盘按键的代码？

JavaScript键盘事件代码

JavaScript提供了一组键盘事件，可以用来处理用户在键盘上的操作，以下是一些常见的键盘事件及其对应的代码示例：

键盘按下事件（keydown）

当用户按下一个键时触发。

document.addEventListener('keydown', function(event) {
    console.log('Key down:', event.key);
});

键盘释放事件（keyup）

当用户释放一个键时触发。

document.addEventListener('keyup', function(event) {
    console.log('Key up:', event.key);
});

键盘输入事件（keypress）

当用户按下并释放一个键时触发，注意：在某些浏览器中，keypress事件可能不会触发某些特殊键（如功能键和方向键）。

document.addEventListener('keypress', function(event) {
    console.log('Key press:', event.key);
});

键盘输入事件（input）

当<input>、<textarea>或<select>元素的值发生改变时触发。

document.querySelector('input').addEventListener('input', function(event) {
    console.log('Input changed:', event.target.value);
});

相关问题与解答

问题1：如何阻止键盘事件的默认行为？

答：可以通过调用事件对象的preventDefault()方法来阻止键盘事件的默认行为，如果你想阻止按下回车键时的表单提交行为，可以使用以下代码：

document.querySelector('form').addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
        event.preventDefault();
        console.log('Enter key pressed, form submission prevented.');
    }
});

问题2：如何在特定元素上监听键盘事件？

答：可以通过为特定元素添加事件监听器来实现，如果你只想在一个特定的<div>元素上监听键盘事件，可以使用以下代码：

var myDiv = document.querySelector('#myDiv');
myDiv.addEventListener('keydown', function(event) {
    console.log('Key down on myDiv:', event.key);
});