博客

jQuery Keydown()方法

  • Post category:jquery

jQuery keydown()方法用于在按下键盘上的键时绑定一个或多个事件处理程序。该方法类似于jQuery on()方法，但是它只在按下键盘上的键时发事件处理程序。

以下是jQuery keydown()方法的详细攻略：

语法

$(selector).keydown(handler)

参数

  • selector：必需，用于选择要绑定事件的元素。
  • handler：必需，用于指定要绑定的事件处理程序。

示例1：绑定按键事件

以下示例演示了如何使用jQuery keydown()方法绑定按键事件：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery keydown() Method</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" id="myInput">

  <script>
    $('#myInput').keydown(function(event) {
      console.log('Key pressed: ' + event.which);
    });
  </script>
</body>
</html>

在上述示例中，我们创建了一个文本输入框，并使用jQuery keydown()方法绑定了一个事件处理程序。在事件处理程序中，我们使用console.log()方法记录按下的键的键码。

示例2：绑定多个按键事件

以下示例演示如何使用jQuery keydown()方法绑定个按键事件：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery keydown() Method</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" id="myInput">

  <script>
    $('#myInput').keydown(function(event) {
      if (event.which === 13) {
        console.log('Enter key pressed');
      } else if (event.which === 27) {
        console.log('Escape key pressed');
      }
    });
  </script>
</body>
</html>

在上述示例中，我们创建了一个文本输入框，并使用jQuery keydown()方法绑定了一个事件处理程序。在事件处理程序中，我们使用if语句检查按下的键的键码，如果是回车键则记录“Enter key pressed”，如果是Esc键则记录“Escape key pressed”。

注意事项

  • jQuery keydown()方法只在按下键盘上的键时触发处理程序。
  • 可以使用event.which属性来获取按下的键的键码。
Tags: