1. 程式人生 > >js keyup、keypress和keydown事件 詳解

js keyup、keypress和keydown事件 詳解

rgs spa 小鍵盤 ansi 使用方法 form 單個 sage ges

js keyupkeypresskeydown事件都是有關於鍵盤的事件

當一個按鍵被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-12SHIFTAltCtrlInsertHomePgUpDeleteEndPgDnScrollLockPauseNumLock{菜單鍵}{開始鍵}和方向鍵外的ANSI字符
  3. KeyDown KeyUp 通常可以捕獲鍵盤除了PrScrn所有按鍵(這裏不討論特殊鍵盤的特殊鍵)
  4. KeyPress 只能捕獲單個字符
  5. KeyDown KeyUp 可以捕獲組合鍵。
  6. KeyPress 可以捕獲單個字符的大小寫
  7. KeyDownKeyUp 對於單個字符捕獲的KeyValue 都是一個值,也就是不能判斷單個字符的大小寫。
  8. KeyPress 不區分小鍵盤和主鍵盤的數字字符。
  9. KeyDown KeyUp 區分小鍵盤和主鍵盤的數字字符。
  10. 其中PrScrn 按鍵KeyPressKeyDownKeyUp 都不能捕獲。
  11. 在使用鍵盤的時候,通常會使用到CTRL+SHIFT+ALT 類似的組合鍵功能。對於此,我們如何來判定?

通過KeyUp 事件能夠來處理(這裏說明一下為什麽不用KeyDown,因為在判定KeyDown的時候,CTRLSHIFTALT 屬於一直按下狀態,然後再加另外一個鍵是不能準確捕獲組合鍵,所以使用KeyDown 是不能準確判斷出的,要通過KeyUp 事件來判定

這裏簡單的列舉出CTRL+其它鍵的組合判定代碼:


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

  1. 捕獲PrScrn按鍵事件

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

技術分享

技術分享

技術分享

技術分享

技術分享

技術分享

技術分享

技術分享

技術分享

js keyup、keypress和keydown事件 詳解