jQuery keydown()

简介

keydown()是一个jQuery事件函数，用于在按下键盘上任意键时触发相应的事件处理函数。它适用于响应按键的按下动作并执行相应的操作。

语法

$(selector).keydown(function(event) {
  // 处理按键事件的代码
});

参数

• selector：用于选取要绑定事件的元素的选择器。
• event：事件对象，包含有关触发事件的详细信息，如按下的键盘键、事件类型等。

示例

以下示例演示了如何使用keydown()绑定事件并处理按键事件：

$(document).keydown(function(event) {
  if (event.which === 13) {
    alert("Enter键被按下");
  }
});

注意事项

• 默认情况下，keydown()事件会在键被按下时连续触发，直到键被释放。如果只想在按键被按下时触发一次事件，可以使用keypress()事件。
• 可以通过event.which属性获取按下的键的键码。例如，event.which === 13表示按下的是Enter键。

应用示例

监听特定按键

$(document).keydown(function(event) {
  if (event.which === 13) { // Enter键
    // 执行相应操作
  } else if (event.which === 27) { // Esc键
    // 执行相应操作
  }
});

实现快捷键操作

$(document).keydown(function(event) {
  if (event.ctrlKey && event.which === 83) { // Ctrl + S
    // 执行保存操作
  } else if (event.ctrlKey && event.which === 82) { // Ctrl + R
    // 执行刷新操作
  }
});

限制输入字符数

$('input').keydown(function(event) {
  var $input = $(this);
  var maxLength = 50;
  if ($input.val().length >= maxLength && event.which !== 8) {
    event.preventDefault();
  }
});

以上提供了一些keydown()的常见应用示例，希望能够帮助你更好地了解和使用keydown()事件函数。更多详细信息可以参考 jQuery官方文档。