keypress, keydown, keyup的區別
阿新 • • 發佈:2019-01-03
完整的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:放開後才加一。