快捷導(dǎo)航

onkeyup，onkeydown和onkeypress的區(qū)別介紹

更新時間：2013年10月21日 17:00:21 作者：

三者在事件的響應(yīng)上還有一點不同，就是onkeydown 、onkeypress事件響應(yīng)的時候輸入的字符并沒有被系統(tǒng)接受，而響應(yīng)onkeyup的時候，輸入流已經(jīng)被系統(tǒng)接受

msdn上有三者的區(qū)別：

名稱說明

onkeypress

這個事件在用戶按下并放開任何字母數(shù)字鍵時發(fā)生。系統(tǒng)按鈕（例如，箭頭鍵和功能鍵）無法得到識別。

onkeyup

這個事件在用戶放開任何先前按下的鍵盤鍵時發(fā)生。

onkeydown

這個事件在用戶按下任何鍵盤鍵（包括系統(tǒng)按鈕，如箭頭鍵和功能鍵）時發(fā)生。

======================

復(fù)制代碼代碼如下:

 
<html> 
<script> 
function checkForm(){ 
if(event.keyCode ==13){ 
event.keyCode =9; 
} 
} 
</script> 
<body> 
<form name ="form1"> 
<input type="text" name = "text1" onkeydown = "checkForm()"> 
<input type="button" name = "button1" value="按鈕"> 
</form> 
</body> 
</html> 

當(dāng)按下回車時，焦點從文本框移到按鈕上。如果把它換成“onkeypress”，焦點不會轉(zhuǎn)移，也不會失去。但是如果換成“onkeyup”，則失去焦點，頁面重新載入。

測試發(fā)現(xiàn)onkeydown 事件最先執(zhí)行，其次是onkeypress,最后是onkeyup；onkeydown 和onkeypress會影響onkeyup的執(zhí)行。三個事件同事在的話，都是alert的話，只會彈出2個alert，up事件的alert不會彈出。

三者在事件的響應(yīng)上還有一點不同，就是onkeydown 、onkeypress事件響應(yīng)的時候輸入的字符并沒有被系統(tǒng)接受，而響應(yīng)onkeyup的時候，輸入流已經(jīng)被系統(tǒng)接受。由于onkeydown 比onkeypress先執(zhí)行，再根據(jù)上面的例子可以知道，onkeydown 觸發(fā)的時候輸入流正要進入系統(tǒng)，也就是說onkeydown 事件一完，輸入流就進入了系統(tǒng)，無法改變。所以通過onkeydown 事件可以改變用戶是按了哪個鍵；而onkeypress事件則是在輸入流進入系統(tǒng)后觸發(fā)的，但輸入流暫未被系統(tǒng)處理，此時已經(jīng)不能改變輸入流了；onkeyup則是輸入流被系統(tǒng)處理后發(fā)生的。

您可能感興趣的文章: