键盘事件是Web开发中十分常用的事件之一，掌握了它的使用方法可以大大提高效率和用户体验。这篇文章将从以下两个方面介绍js中键盘事件的相关知识：键盘事件类型和键盘事件的应用

js中键盘事件实例简析

键盘事件是Web开发中十分常用的事件之一，掌握了它的使用方法可以大大提高效率和用户体验。这篇文章将从以下两个方面介绍js中键盘事件的相关知识：键盘事件类型和键盘事件的应用

键盘事件类型

onKeyDown

键盘按下触发。按住不放会不断触发该事件。

onKeyPress

键盘按下并放开后触发。

onKeyUp

键盘放开后触发。和按下事件的区别在于当用户按住不放时，只会在keydown事件中被触发，keyup事件不会执行。

键盘事件的应用

实例1：按下回车键搜索

document.onkeydown = function(ev) {
    var ev = ev || window.event;
    if(ev.keyCode == 13) {
        var searchValue = document.getElementById('search').value;
        search(searchValue);
    }
}

function search(value) {
    //根据搜索关键词搜索
}

在这个例子中，我们通过监测用户按下键盘上的回车键（keyCode为13），来实现回车搜索。当用户按下回车键后，会触发onkeydown事件，进而调用search函数，在此函数中可以实现搜索功能。

实例2：阻止特殊键的默认行为

document.onkeydown = function(ev) {
    var ev = ev || window.event;
    if(ev.keyCode == 116 || ev.keyCode == 13) {
        ev.preventDefault();
    }
}

在这个例子中，我们通过监测用户按下键盘上的F5键（keyCode为116）或回车键（keyCode为13），来阻止它们默认的行为。当用户按下这些特殊键后，会触发onkeydown事件，并调用preventDefault()函数，阻止默认行为的发生。

注意：这里的keyCode值是根据ASCII表得出的，可以在网上查询ASCII表来获取不同键盘按键的keyCode值。