jQuery 事件 - keyup() 方法

实例

当按下按键时，改变文本域的颜色：

  1. $("input").keyup(function(){
  2.   $("input").css("background-color","#D6D6FF");
  3. });

定义和用法

完整的 key press 过程分为两个部分，按键被按下，然后按键被松开并复位。

当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。

keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。

提示：请使用 .which 属性来确定按下了哪个按键。

实例:

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.   $("input").keydown(function(event){ 
  7.     $("div").html("Key: " + event.which);
  8.   });
  9. });
  10. </script>
  11. </head>
  12. <body>
  14. 请随意键入一些字符：<input type="text" />
  15. <p>当您在上面的框中键入文本时，下面的 div 会显示键位序号。</p>
  16. <div />
  18. </body>
  19. </html>

触发 keyup 事件

语法

  1. $(selector).keyup()

将函数绑定到 keyup 事件

语法

  1. $(selector).keyup(function)
参数 描述
function 可选。规定当发生 keyup 事件时运行的函数。