js获取键盘按键事件、判断键盘按键事件、调用键盘按键事件
在JavaScript中,可以通过监听keydown
、keypress
或keyup
事件来获取键盘按键事件。以下是如何检测用户按下的键、调用函数以响应特定按键,并在用户按下特定键时阻止默认行为的示例代码。
// 监听键盘按下事件
document.addEventListener('keydown', function(event) {
const key = event.key; // 获取按下的键名
console.log('按下了键:', key);
// 判断是否按下了特定的键,例如 'Enter'
if (key === 'Enter') {
console.log('按下了回车键');
// 调用函数
handleEnterKey();
}
// 阻止默认行为,例如阻止按下F12时打开开发者工具
if (key === 'F12') {
event.preventDefault();
console.log('阻止了F12的默认行为');
}
});
// 定义处理回车键的函数
function handleEnterKey() {
console.log('执行回车键相关的操作');
}
在这个例子中,我们为document
添加了一个keydown
事件监听器,它会在用户按下键盘上的任何键时被触发。通过event.key
属性,我们可以获取到用户按下的键名。然后,我们可以根据需要判断按下的键是否为特定键,如果是,则执行相应的操作。最后,我们可以使用event.preventDefault()
方法来阻止默认的行为。
评论已关闭