jQuery響應(yīng)鍵盤(pán)事件北京電子科技職業(yè)學(xué)院前言一鍵盤(pán)事件分類(lèi)二鍵盤(pán)事件區(qū)別三目錄Contents事件舉例四前言1前言jQuery是為事件處理特別設(shè)計(jì)的。什么是事件？頁(yè)面對(duì)不同訪問(wèn)者的響應(yīng)叫做事件。事件處理程序指的是當(dāng)HTML中發(fā)生某些事件時(shí)所調(diào)用的方法。實(shí)例：在元素上移動(dòng)鼠標(biāo)。選取單選按鈕點(diǎn)擊元素前言可以向樣式轉(zhuǎn)換器中添加鍵盤(pán)快捷方式，當(dāng)用戶(hù)輸入每種顯示樣式的第一個(gè)字母時(shí)，可以讓頁(yè)面像響應(yīng)按鈕被單擊一樣做出響應(yīng)。要實(shí)現(xiàn)這個(gè)功能，需要先了解鍵盤(pán)事件，鍵盤(pán)事件與鼠標(biāo)事件稍有不同。鼠標(biāo)事件是在用戶(hù)移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。鍵盤(pán)事件分類(lèi)2鍵盤(pán)事件分類(lèi)鍵盤(pán)事件可以分為兩類(lèi)：直接對(duì)鍵盤(pán)按鍵給出響應(yīng)的事件（keydown和keyup）和對(duì)文本輸入給出響應(yīng)的事件（keypress）。keydown()：在鍵盤(pán)按下時(shí)觸發(fā)。keyup()：是按下鍵盤(pán)起來(lái)后的事件。keypress()：在敲擊按鍵時(shí)觸發(fā)，我們可以理解為按下并抬起同一個(gè)按鍵。鍵盤(pán)事件分類(lèi)如果想知道用戶(hù)按了哪個(gè)鍵，應(yīng)該監(jiān)聽(tīng)keydown或keyup事件；如果想知道用戶(hù)輸入的是什么字符，應(yīng)該監(jiān)聽(tīng)keypress事件。鍵盤(pán)事件的目標(biāo)是當(dāng)前擁有鍵盤(pán)焦點(diǎn)的元素，元素的焦點(diǎn)可能會(huì)在幾種情況下轉(zhuǎn)移，包括單擊鼠標(biāo)和按下tab鍵。并非所有元素都可以獲得焦點(diǎn)，只有那些默認(rèn)情況下具有鍵盤(pán)驅(qū)動(dòng)行為的元素，如：表單字段、鏈接以及指定了tabIndex屬性的元素才可以獲得焦點(diǎn)。鍵盤(pán)事件區(qū)別3鍵盤(pán)事件區(qū)別

1.keydown：在鍵盤(pán)上按下某鍵時(shí)發(fā)生,一直按著則會(huì)不斷觸發(fā)（opera瀏覽器除外）,它返回的是鍵盤(pán)代碼;2.keypress：在鍵盤(pán)上按下一個(gè)按鍵，并產(chǎn)生一個(gè)字符時(shí)發(fā)生,返回ASCII碼。注意:shift、alt、ctrl等鍵按下并不會(huì)產(chǎn)生字符，所以監(jiān)聽(tīng)無(wú)效,換句話(huà)說(shuō),只有按下能在屏幕上輸出字符的按鍵時(shí)keypress事件才會(huì)觸發(fā)。若一直按著某按鍵則會(huì)不斷觸發(fā)；

3.keyup：用戶(hù)松開(kāi)某一個(gè)按鍵時(shí)觸發(fā),與keydown相對(duì),返回鍵盤(pán)代碼。事件舉例4獲取按鍵代碼或字符的ASCII碼：$(window).keydown(function(event){/*通過(guò)event.which可以拿到按鍵代碼.如果是keypress事件中,則拿到ASCII碼*/console.log(event.which);});01事件舉例計(jì)算在輸入域中的按鍵次數(shù)：i=0;$(document).ready(function(){$("input").keypress(function