jQuery鍵盤事件中event.keyCode==13相當于按下了那個鍵

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

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

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

一、鍵盤事件

1、keypress()事件

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

2、keydown()事件

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

3、keyup事件

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

二、通過鍵盤事件可以進行相應操作

$(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("輸入字符");

}

})

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

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

alert(event.keyCode);

})

});

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

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

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

語法

$(selector).keydown(function)

例如：

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

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

});

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

只走一步是因為移動一次后沒有對x進行處理，所以點第二次的時候 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事件的代碼，當esc按下時觸發(fā)hide方法

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

//關閉層代碼

$(this).hide();

return false;

});

分享名稱：jquery鍵盤,jquery鍵盤監(jiān)聽事件
網站鏈接：http://chinadenli.net/article29/dseecjh.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供Google、靜態(tài)網站、定制網站、企業(yè)建站、用戶體驗、微信公眾號

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)