jQuery.keydown()函数的使用与定义详解
keydown()函數(shù)用于為每個(gè)匹配元素的keydown事件綁定處理函數(shù)。此外,你還可以額外傳遞給事件處理函數(shù)一些數(shù)據(jù)。
keydown事件會(huì)在按下鍵盤(pán)按鍵時(shí)觸發(fā)。它與keypress事件類似,但keypress著重的是按下該鍵輸入了哪個(gè)字符(只有能夠打印字符的鍵才會(huì)觸發(fā)keypress),keydown著重的是按下了哪個(gè)鍵(按下任何鍵都可觸發(fā)keydown)。對(duì)于諸如Ctrl、Alt、Shift、Delete、Esc等修飾性和非打印鍵,請(qǐng)監(jiān)聽(tīng)keydown事件。
此外,你可以為同一元素多次調(diào)用該函數(shù),從而綁定多個(gè)事件處理函數(shù)。觸發(fā)keydown事件時(shí),jQuery會(huì)按照綁定的先后順序依次執(zhí)行綁定的事件處理函數(shù)。
要?jiǎng)h除通過(guò)keydown()綁定的事件,請(qǐng)使用unbind()函數(shù)。
該函數(shù)屬于jQuery對(duì)象(實(shí)例)。
語(yǔ)法
jQueryObject.keydown( [[ data ,] handler ] )
登錄后復(fù)制
如果指定了至少一個(gè)參數(shù),則表示綁定keydown事件的處理函數(shù);如果沒(méi)有指定任何參數(shù),則表示觸發(fā)keydown事件。
參數(shù)
jQuery 1.4.3 新增支持:keydown()支持data參數(shù)。
參數(shù)handler中的this指向當(dāng)前DOM元素。keydown()還會(huì)為handler傳入一個(gè)參數(shù):表示當(dāng)前事件的Event對(duì)象。
返回值
keydown()函數(shù)的返回值為jQuery類型,返回當(dāng)前jQuery對(duì)象本身。
示例&說(shuō)明
請(qǐng)參考以下HTML示例代碼:
<input id="keys" type="text" />
登錄后復(fù)制
現(xiàn)在,我們?yōu)閣indow對(duì)象的keydown事件綁定處理函數(shù)(可以綁定多個(gè),觸發(fā)時(shí)按照綁定順序依次執(zhí)行):
keydown事件的event.which屬性返回的是所按下的鍵盤(pán)按鍵的映射代碼值。keypress事件的event.which屬性返回的是按鍵所輸入的字符的Unicode值。
$(window).keydown( function(event){
$("body").append( "<br>你按下的按鍵的代碼值為:[" + event.which + ']' ) ;
} );
// 觸發(fā)keydown事件
// $(window).keydown( );
登錄后復(fù)制
我們還可以為事件處理函數(shù)傳遞一些附加的數(shù)據(jù)。此外,通過(guò)jQuery為事件處理函數(shù)傳入的參數(shù)Event對(duì)象,我們可以獲取當(dāng)前事件的相關(guān)信息(比如事件類型、觸發(fā)事件的DOM元素、附加數(shù)據(jù)等):
var validKeys = { start: 65, end: 90 };
// 只允許按下的字母鍵生效 (使用某些輸入法可能會(huì)繞過(guò)該限制)
$("#keys").keydown( validKeys, function(event){
var keys = event.data;
return event.which >= keys.start && event.which <= keys.end;
} );
登錄后復(fù)制
以上就是jQuery.keydown()函數(shù)的使用與定義詳解的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章!
總結(jié)
以上是生活随笔為你收集整理的jQuery.keydown()函数的使用与定义详解的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: ps钢笔工具怎么抠图
- 下一篇: ps怎么修改图片中的字