jQuery keyup() 、keydown()、keypress方法

admin

定义和用法

与 keyup 事件相关的事件顺序：

• keydown - 键按下的过程
• keypress - 键被按下
• keyup - 键被松开
  

当键盘键被松开时发生 keyup 事件。

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

1. <!DOCTYPE html>
   
2. <html>
   
3. <head>
   
4. <meta charset="utf-8">
   
5. <title>菜鸟教程(runoob.com)</title>
   
6. <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
   
7. </script>
   
8. <script>
   
9. $(document).ready(function(){
   
10.   $("input").keydown(function(){
    
11.     $("input").css("background-color","yellow");
    
12.   });
    
13.   $("input").keyup(function(){
    
14.     $("input").css("background-color","pink");
    
15.   });
    
16. });
    
17. </script>
    
18. </head>
    
19. <body>
    
20. 
    
21. 输入你的名字: <input type="text">
    
22. <p>在以上输入框中输入你的名字。在按键按下后输入框背景颜色会改变。</p>
    
23. 
    
24. </body>
    
25. </html>

复制代码