jquery 模擬鍵盤按下

function AHrefClick (){

成都創(chuàng)新互聯(lián)致力于網(wǎng)站建設(shè)、做網(wǎng)站,成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場競爭中脫穎而出。 選擇成都創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

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

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

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

}

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

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

alert("ABC");

});

然后再執(zhí)行：

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

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

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

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

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

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

一、鍵盤事件

1、keypress()事件

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

2、keydown()事件

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

3、keyup事件

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

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

$(document).ready(function() {

//釋放按鍵時(shí)

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

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

alert("釋放按鍵");

}

})

//按下按鍵時(shí)

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

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

alert("按下按鍵");

}

})

//輸入字符時(shí)

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

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

alert("輸入字符");

}

})

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

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

alert(event.keyCode);

})

});

jquery如何實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕 div框從右→左，再點(diǎn)擊按鈕 div框從剛剛的位置移動(dòng)回原來的位置？

1、新建一個(gè)html文件，命名為test.html。

2、在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一行文字，文字內(nèi)容為“小明”。

3、在test.html文件內(nèi)，設(shè)置div標(biāo)簽的id屬性為mytext，主要用于下面通過該id獲得div對(duì)象。

4、在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱為“切換內(nèi)容”。

5、在test.html文件中，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行func（）函數(shù)。

6、在js標(biāo)簽中，創(chuàng)建func()函數(shù)，在函數(shù)內(nèi)，通過id(mytext)獲得div對(duì)象，通過html()方法獲得div內(nèi)的文本內(nèi)容，使用if語句判斷獲得的文字內(nèi)容是否為指定的文本內(nèi)容，如果不是，則通過html()方法改變文本內(nèi)容。

怎么用jquery在頁面上動(dòng)態(tài)創(chuàng)建一個(gè)button按鈕？

創(chuàng)建按鈕 data-role=button

給HTML元素添加 data-role="button" 屬性。jQuery Moble就會(huì)給此元素增強(qiáng)為按鈕樣式。 Jquery

Mobile框架包含了一組最常用的移動(dòng)應(yīng)用程序所需的圖標(biāo)，為了減少下載的大小，Jquery

Mobile包含的是的白色的圖標(biāo)sprite圖片，并自動(dòng)在圖標(biāo)后添加一個(gè)半透明的黑圈以確保在任何背景色下圖片都能夠清晰顯示。

樣式鏈接按鈕

在一個(gè)網(wǎng)頁的主要內(nèi)容塊，你可以樣式的任何錨鏈接為按鈕添加 data-role="button"

屬性。該框架將加強(qiáng)與標(biāo)記和類的鏈接方式鏈接按鈕。例如，這個(gè)標(biāo)記：

圖標(biāo)樣式列表

jQuery Mobile 自帶很多按鈕小圖標(biāo)，如下圖所示：

左箭頭：data-icon="arrow-l"

右箭頭：data-icon="arrow-r"

上箭頭：data-icon="arrow-u"

下箭頭：data-icon="arrow-d"

刪除：data-icon="delete"

添加：data-icon="Plus"

減少：data-icon="minus"

檢查：data-icon="Check"

齒輪：data-icon="gear"

前進(jìn)：data-icon="Forward"

后退：data-icon="Back"

網(wǎng)格：data-icon="Grid"

五角：data-icon="Star"

警告：data-icon="Alert"

信息：data-icon="info"

首頁：data-icon="home"

默認(rèn)情況下，所有的圖標(biāo)都放在按鈕的按鈕文本左。此默認(rèn)可以覆蓋使用 data-iconpos

屬性來設(shè)置圖標(biāo)的右上方（top）、底部（bottom）、右側(cè)（right）、左側(cè)（left）的文本。例如，標(biāo)記：

隱藏圖片上的文字 data-iconpos="notext"

你也可以創(chuàng)建一個(gè)圖標(biāo)按鈕，設(shè)置

data-iconpos="notext"。按鈕插件將隱藏的文字在屏幕上，但把它作為給屏幕閱讀器和設(shè)備支持工具提示上下文鏈接標(biāo)題屬性。例如，data-iconpos="right"，data-iconpos="notext"：

使用自定義圖標(biāo)，需要指定 data-icon 值。Jquery Mobile的button插件會(huì)將生成一個(gè)CSS類，它的前綴是ui-icon-

，后面的是data-icon值。假如：有一個(gè)按鈕 data-icon 屬性的值為 myapp-email，即 data-icon=“

myapp-email”。那么生產(chǎn)的CSS類是：ui-icon-myapp-email。

然后你可以在你的樣式表寫一個(gè)CSS規(guī)則來定義

ui-icon-myapp-email。然后在css中指定這個(gè)類的背景圖片地址。為了保持與其他圖標(biāo)的視覺上的一致性，請(qǐng)創(chuàng)建一個(gè)白色18x18像素的PNG-8圖標(biāo)，并且保存為Alpha透明度。

這將創(chuàng)建標(biāo)準(zhǔn)分辨率的圖標(biāo)，但許多設(shè)備都有非常高的分辨率的顯示器，就像iPhone

4的視網(wǎng)膜顯示器。添加一個(gè)高清圖標(biāo)，創(chuàng)建一個(gè)圖標(biāo)，36X36像素（18像素大小完全相同的兩倍），并添加第二個(gè)規(guī)則使用WebKit分鐘裝置像素比例：2。媒體查詢到目標(biāo)的規(guī)則只有以高分辨率顯示器。指定背景圖片高清圖標(biāo)文件和設(shè)置背景像素大小18x18將安裝36個(gè)像素圖標(biāo)到同一個(gè)18像素的空間。傳媒查詢塊可以用多個(gè)圖標(biāo)規(guī)則：

怎么用jquery在頁面上動(dòng)態(tài)創(chuàng)建一個(gè)button按鈕

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標(biāo)簽，輸入jquery代碼：

$('body').append('input type="button" value="確定"');

3、瀏覽器運(yùn)行index.html頁面，此時(shí)成功通過jquery動(dòng)態(tài)創(chuàng)建了一個(gè)確定按鈕。