keydown、keypress与keyup用法及区别详解

定义和用法

- [keydown - 键按下的过程](https://www.runoob.com/jquery/event-keydown.html)

• 当键盘键被按下时发生 keydown 事件。

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

$("input").keydown(function(){
    $("input").css("background-color","yellow");
});

2.[keypress - 键被按下](https://www.runoob.com/jquery/event-keypress.html)

• keypress() 方法触发 keypress 事件，或规定当发生 keypress 事件时运行的函数。
• keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。
• 然而，keypress 事件不会触发所有的键（比如 ALT、CTRL、SHIFT、ESC）。请使用 keydown() 方法来检查这些键。

$("input").keypress(function(){
    $("span").text(i+=1);
});

- [keyup - 键被松开](https://www.runoob.com/jquery/event-keyup.html)

• 当键盘键被松开时发生 keyup 事件。
• keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

$("input").keyup(function(){
    $("input").css("background-color","pink");
});

未完待改