jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)

事件的定義

完整的 key press 過程分為兩個(gè)部分：1. 按鍵被按下；2. 按鍵被松開。

當(dāng)按鈕被按下時(shí)，發(fā)生 keydown 事件。

keydown() 方法觸發(fā) keydown 事件，或規(guī)定當(dāng)發(fā)生 keydown 事件時(shí)運(yùn)行的函數(shù)。

當(dāng)按鈕被松開時(shí)，發(fā)生 keyup 事件。它發(fā)生在當(dāng)前獲得焦點(diǎn)的元素上。

keyup() 方法觸發(fā) keyup 事件，或規(guī)定當(dāng)發(fā)生 keyup 事件時(shí)運(yùn)行的函數(shù)。

keypress 事件與 keydown 事件類似。當(dāng)按鈕被按下時(shí)，會發(fā)生該事件。它發(fā)生在當(dāng)前獲得焦點(diǎn)的元素上。

不過，與 keydown 事件不同，每插入一個(gè)字符，就會發(fā)生 keypress 事件。

keypress() 方法觸發(fā) keypress 事件，或規(guī)定當(dāng)發(fā)生 keypress 事件時(shí)運(yùn)行的函數(shù)。

使用情況：

（which事件）

$("input").keydown(function(event){
 $("div").html("Key: " + event.which);
});

which 屬性指示按了哪個(gè)鍵或按鈕。（event.keyCode和event.charCode進(jìn)行了標(biāo)準(zhǔn)化。）

1.理論上它可以綁定到任何元素，但keydown/keyup事件只是發(fā)送到具有焦點(diǎn)的元素上，不同的瀏覽器中，可獲得焦點(diǎn)的元素略有不同，但是表單元素總是能獲取焦點(diǎn)，所以對于此事件類型表單元素是最合適的

2.在input元素上綁定keydown事件時(shí)獲取的內(nèi)容都是之前輸入的，當(dāng)前輸入的獲取不到

3.keydown()事件觸發(fā)在文字還沒有敲進(jìn)文本框，這時(shí)如果在kevdown事件中輸入文本框中的文本，得到的是觸發(fā)鍵盤事件前的文本

4.keyup()事件觸發(fā)時(shí)整個(gè)鍵盤事件的操作已經(jīng)完成，獲得的是觸發(fā)鍵盤事件后的文本

5.keypress()捕獲瀏覽器鍵盤輸入的時(shí)候

6.keypress事件與keydown和keyup的主要區(qū)別（所以使用組合鍵時(shí)需要使用keydown事件兼容）

• 只能捕獲單個(gè)字符，不能捕獲組合鍵
• 無法響應(yīng)系統(tǒng)功能鍵（如delete，backspace）
• 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符

7.KeyPress主要用來接收字母、數(shù)字等ANSI字符

8.KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵，如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等

在使用鍵盤的時(shí)候通常會用到 Ctrl+shift+alt 類似的組合鍵功能，通過 keyup 事件能夠處理(說明一下這里不用keydown事件：因?yàn)樵谂卸╧eydown 的時(shí)候，ctrl、shift、和Alt屬于一直按下狀態(tài)然后再加另外一個(gè)鍵是不能準(zhǔn)確捕獲組合鍵，所以使用keydown 是不能準(zhǔn)確判斷的，要通過keyup事件來判定)

以上就是本次介紹的關(guān)于jquery 鍵盤事件函數(shù)的全部知識點(diǎn)內(nèi)容，更多內(nèi)容可以到相關(guān)欄目查找。