jQuery鍵盤事件中event.keyCode==13相當(dāng)于按下了那個鍵

當(dāng)用戶按下enter鍵時觸發(fā)from提交，而不只是點(diǎn)擊提交按鈕才提交！這樣更友好。 13表示enter按鍵的keyCode編碼

10年的安州網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整安州建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“安州網(wǎng)站設(shè)計”,“安州網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

jquery的鍵盤事件分為keypress、keydown和keyup事件

一、鍵盤事件

1、keypress()事件

keypress當(dāng)按鈕被按下時，會發(fā)生該事件，我們可以理解為按下并抬起同一個按鍵。

2、keydown()事件

當(dāng)按鈕被按下時，發(fā)生 keydown 事件（多用于游戲開發(fā)，比如一直按空格鍵進(jìn)行攻擊）。

3、keyup事件

keyup 事件會在按鍵釋放時觸發(fā)，也就是你按下鍵盤起來后的事件

二、通過鍵盤事件可以進(jìn)行相應(yīng)操作

$(document).ready(function() {

//釋放按鍵時

$(document).keyup(function(event){

if(event.keyCode=="13"){ //13表示回車鍵的代碼

alert("釋放按鍵");

}

})

//按下按鍵時

$(document).keydown(function(event){

if(event.keyCode=="13"){

alert("按下按鍵");

}

})

//輸入字符時

$(document).keypress(function(event){

if(event.keyCode=="13"){

alert("輸入字符");

}

})

//獲取鍵盤的 鍵碼值 方法（如果不知道某個鍵對應(yīng)的 鍵碼值，可用這個方法，在鍵盤上按該鍵，就會彈出對應(yīng)的值 ）

$(document).keyup(function(event){

alert(event.keyCode);

})

});

如何用js或jquery實(shí)現(xiàn)點(diǎn)擊事件觸發(fā)鍵盤

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

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

語法

$(selector).keydown(function)

例如：

$(document).keydown(function(event){

alert(event.keyCode);//彈出按鍵的對應(yīng)值?

});

jQuery通過鍵盤上下左右鍵，移動層

只走一步是因?yàn)橐苿右淮魏鬀]有對x進(jìn)行處理，所以點(diǎn)第二次的時候 x的值不變，x-10也不變，所以就不動了

html

head

titledemo/title

style type="text/css"

.active

{

border: 1px solid red;

}

/style

script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"/script

script type="text/javascript"

var x = 0;//水平方向位移

var y = 0;//垂直方向位移

$(document).keydown(function (event) {

switch (event.which) {

case 37: y = y - 10; $("#person").css("left", y + "px"); break;

case 38: x = x - 10; $("#person").css("top", x + "px"); break;

case 39: y = y + 10; $("#person").css("left", y + "px"); break;

case 40: x = x + 10; $("#person").css("top", x + "px"); break;

default: break;

}

});

/script

/head

body

div id="person" class="active" style="position: absolute; width: 50px; height: 50px;" /

/body

/html

jquery 模擬鍵盤按下

function AHrefClick (){

var e = jQuery.Event("keydown");//模擬一個鍵盤事件

e.keyCode = 13;//keyCode=13是回車

$("#id").trigger(e);//模擬按下回車

}

要模擬鍵盤事件，首先要在需要模擬的元素上綁定事件才能模擬。比如先：

$(".div").on("keydown","input",function(){

alert("ABC");

});

然后再執(zhí)行：

var e = jQuery.Event("keydown");//模擬一個鍵盤事件

e.keyCode = 13;//keyCode=13是回車

$(".div input").trigger(e);//模擬按下回車

jquery 敲擊鍵盤事件

最快捷的修改辦法：

$(document).ready(function(){

var p = $("#p").click(function(){

$(this).hide();

});

});

//此處是需要綁定esc事件的代碼，當(dāng)esc按下時觸發(fā)hide方法

$(document).bind('keydown', 'esc',function (evt){

//關(guān)閉層代碼

$(this).hide();

return false;

});