keypress() 事件

keypress 将事件处理程序绑定到“keypress”JavaScript 事件或者在元素上触发该事件。

当浏览器注册键盘输入时,keypress 事件被发送到元素。
keypress 事件处理程序可以绑定到任何元素,但事件只发送到具有焦点的元素。

event.which 属性

event.which 属性指示为键或者鼠标事件按下的特定键/按钮。
它规范化 event.keyCode 和 event.charCode。
强烈建议使用 event.which 进行键盘输入,因为它提供了跨浏览器兼容性。

如何使用 jQuery 检查是否按下了 Enter 键

如果要检查用户是否单击了键盘上的按下按钮,可以使用 keypress() 方法。

Enter键的键码为13,所有主流浏览器都支持。
将 keypress() 方法添加到文档以检查是否在页面上按下了键:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.5.0.min.js">
    </script>
  </head>
  <body>
    <h1>使用 jQuery检查是否 按下 Enter 键</h1>
    <label>TextBox : </label>
    <input id="textbox" type="text" size="40" />
    <script>
      $(document).on('keypress', function(event) {
          let keycode = (event.keyCode ? event.keyCode : event.which);
          if(keycode == '13') {
            alert('按下了回车键');
          }
        });
    </script>
  </body>
</html>

我们也可以使用 e.keyCode 代替 e.which,但是非常推荐使用 e.which。

日期:2020-06-02 22:16:10 来源:oir作者:oir