1. 程式人生 > >keypress, keydown, keyup的區別

keypress, keydown, keyup的區別

完整的key press 過程分為兩個部分:1. 按鍵被按下(keydown);2. 按鍵被鬆開(keyup)。

被按下時發生keydown事件,被鬆開時發生keyup事件。

keypress事件在被按下時就發生,但鬆開後才算一個完整的keypress事件。而對keydown事件,即使沒有被鬆開,也可以算完整的keydown事件。

引用jqurey的一個例子:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
i=0;
$(document).ready(function(){
  $("input").keypress
(function(){ $("span").text(i+=1); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>Keypresses:<span>0</span></p> </body> </html>
參考:http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_keypress_trigger

在輸入框輸入任意字元,當代碼紅色部分為

keypress:按下字元就會自動加一,但不會連續加,必須放開再按下才會再加一;

keydown:按下字元就會自動加一,且如果按著不放,會連續加;

keyup:放開後才加一。