jQuery keypress() 方法

实例

计算 <input> 输入框中的按键次数:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. i = 0;
  7. $(document).ready(function(){
  8. $("input").keypress(function(){
  9. $("span").text(i += 1);
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. 输入名称: <input type="text">
  16. <p>按键次数: <span>0</span></p>
  17. </body>
  18. </html>

定义与用法

keypress 事件相关的事件顺序:

  1. keydown - 键按下的过程
  2. keypress - 键被按下
  3. keyup - 键被松开

keypress() 方法触发按键事件,或在按键事件发生时附加要运行的函数。

keypress 事件类似于 keydown 事件。按下按钮时会发生该事件。

但是,并非所有按键都会触发按键事件(例如 ALT、CTRL、SHIFT、ESC)。可以使用 keydown() 方法检查这些键。


语法

触发所选元素的按键事件:

  1. $(selector).keypress()

将功能附加到按键事件:

  1. $(selector).keypress(function)
参数描述
function可选。指定触发按键事件时要运行的函数

更多实例

触发所选元素的按键事件

将功能附加到按键事件

分类导航