jQuery简单获取键盘事件的方法

当需要对键盘输入进行事件监听时，通过 jQuery 提供的keydown()、keyup()、keypress()方法可以轻松实现。下面将分别介绍这三个方法的用法。

事件的绑定

jQuery 中通过on()方法来绑定事件，通过该方法，可以轻松地监听特定的事件，并且可以绑定多个不同的事件。

$(selector).on(event, function(){
  //事件触发时执行的代码
});

在这个方法中，需要传入两个参数：

1. event：代表绑定的事件。
2. function：当事件触发时需要执行的代码。

keydown()方法

keydown() 方法用于监听键盘按下事件。例如：

$(document).keydown(function(event){
  console.log(event.key);
});

在这个示例中，我们监听文档的keydown事件，并在事件处理函数中输出键位信息。当用户按下数字键1时，在控制台上会输出1这个信息。

keyup()方法

keyup() 方法用于监听键盘弹起事件。例如：

$(document).keyup(function(event){
  console.log(event.key);
});

在这个示例中，我们监听文档的keyup事件，并在事件处理函数中输出键位信息。当用户按下并释放数字键1时，在控制台上会输出1这个信息。

keypress()方法

keypress() 方法也用于监听键盘按下事件。例如：

$(document).keypress(function(event){
  console.log(event.key);
});

在这个示例中，我们监听文档的 keypress 事件，并在事件处理函数中输出键位信息。当用户按下数字键1时，在控制台上会输出 1 这个信息。

由于 keypress() 方法只监听字符键，其它键位不会生效。如果需要监听其它键位，请使用 keydown() 或 keyup() 方法。

小结

通过上述的示例，我们可以轻松地监听键盘事件，并且获取用户的键位信息，以此来进行其它的业务操作。