js keyup、keypress和keydown事件

Serendipityº發表於2018-12-26
JS事件

 

js keyup、keypress和keydown事件都是有關於鍵盤的事件

當一個按鍵被pressed 或released在每一個現代瀏覽器中，都可能有三種客戶端事件。

  1. keydown event
  2. keypress event
  3. keyup event

keydown事件發生在鍵盤的鍵被按下的時候，接下來觸發keypress事件。 keyup 事件在按鍵被釋放的時候觸發。

這三個事件在頁面中的使用方法如下例：

<input id=”testkeyevent” name=”testkeyevent”  onKeyUp=”keyup()” />

<input id=”testkeyevent” name=”testkeyevent”   onkeypress=”keypress()” />

<input id=”testkeyevent” name=”testkeyevent”   onkeydown=”keydown()” />

 

對應的js函式：

function keyup(){ …}

function keypress(){ …}

function keydown(){ …}

 

注意:

  1. KeyDown觸發後，不一定觸發KeyUp，當KeyDown 按下後，拖動滑鼠，那麼將不會觸發KeyUp事件。
  2. KeyPress主要用來捕獲數字(注意：包括Shift+數字的符號)、字母（注意：包括大小寫）、小鍵盤等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{選單鍵}、{開始鍵}和方向鍵外的ANSI字元
  3. KeyDown 和KeyUp 通常可以捕獲鍵盤除了PrScrn所有按鍵(這裡不討論特殊鍵盤的特殊鍵）
  4. KeyPress 只能捕獲單個字元
  5. KeyDown 和KeyUp 可以捕獲組合鍵。
  6. KeyPress 可以捕獲單個字元的大小寫
  7. KeyDown和KeyUp 對於單個字元捕獲的KeyValue 都是一個值，也就是不能判斷單個字元的大小寫。
  8. KeyPress 不區分小鍵盤和主鍵盤的數字字元。
  9. KeyDown 和KeyUp 區分小鍵盤和主鍵盤的數字字元。
  10. 其中PrScrn 按鍵KeyPress、KeyDown和KeyUp 都不能捕獲。

  11. 在使用鍵盤的時候，通常會使用到CTRL+SHIFT+ALT 類似的組合鍵功能。對於此，我們如何來判定？

         通過KeyUp 事件能夠來處理（這裡說明一下為什麼不用KeyDown，因為在判定KeyDown的時候，CTRL、SHIFT和ALT 屬於一直按下狀態，然後再加另外一個鍵是不能準確捕獲組合鍵，所以使用KeyDown 是不能準確判斷出的，要通過KeyUp 事件來判定 ）

         這裡簡單的列舉出CTRL+其它鍵的組合判定程式碼：


    private void Form3_KeyUp(object sender, KeyEventArgs e)
    {
    if (e.Control)
    {
    MessageBox.Show(“KeyUp:Ctrl+” + e.KeyValue.ToString());
    }
    }

  12. 捕獲PrScrn按鍵事件

     通過一種鉤子的方式可以判定PrScrn 按鍵事件，鉤子可以獲取任何鍵盤事件。

   

本文轉自 部落格園 碼農小兵   原文連結：https://www.cnblogs.com/manongxiaobing/archive/2012/11/05/2755412.html

以下是一些鍵盤上的鍵對應的Code：以下是一些鍵盤上的鍵對應的Code 

 

鍵盤按鍵                               對應的數碼

backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
Space 32
page down 34
end 35
home 36
arrow left 37
arrow up 38
arrow right 39
arrow down 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
a 65
b 66
c 67
d 68
e 69
f 70
g 71
h 72
i 73
j 74
k 75
l 76
m 77
n 78
o 79
p 80
q 81
r 82
s 83
t 84
u 85
v 86
w 87
x 88
y 89
z 90
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121
f1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

相關文章