jQuery 事件 - keydown() 方法

实例

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

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

定义和用法

完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。

当按钮被按下时，发生 keydown 事件。

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

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

提示：请使用 .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>

触发 keydown 事件

语法

  1. $(selector).keydown()

将函数绑定到 keydown 事件

语法

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