關(guān)于jquery按鍵事件

又是我，哈哈

創(chuàng)新互聯(lián)擁有10年成都網(wǎng)站建設工作經(jīng)驗,為各大企業(yè)提供網(wǎng)站建設、網(wǎng)站制作服務，對于網(wǎng)頁設計、PC網(wǎng)站建設（電腦版網(wǎng)站建設）、app開發(fā)定制、wap網(wǎng)站建設（手機版網(wǎng)站建設）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、國際域名空間等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設計、網(wǎng)絡營銷經(jīng)驗，集策劃、開發(fā)、設計、營銷、管理等網(wǎng)站化運作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設項目的能力。

script type="text/javascript"

$(document).ready(function(){

$(window).keydown(function(event){ //這個是你在頁面按任意按鈕的時候會觸發(fā)該方法

var aa = event.which;

//實現(xiàn)你要求代碼部分

if(aa == 188){

check();

document.onkeydown=null; //這里需要將onkeydown置空，不然默認一直是188

}

});

});

function check(){ //這個方法主要就是將你的按鍵手動設置為TAB

event.keyCode=9;

document.onkeydown=check;

}

/script

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

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

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);

})

});

利用jquery為按鈕綁定事件

script標簽不能放在html之外

date的秒位未設置

日期比較最好使用字符串,因為毫秒誤差

!DOCTYPE?html

html

head

title簡單的定時觸發(fā)/title

/head

body

div

form?action=""

input?type="button"?value="開始"?name="btnStart"

id="btnStart"?onclick="alert('觸發(fā)了按鈕的單擊事件');"?/

/form

script?language="JavaScript"?type="text/javascript"

(function?()?{

var?date?=?new?Date();

date.setHours(15,?49,?25);

setInterval(function?()?{

var?newDate?=?new?Date();

if?(newDate.toString()?==?date.toString())?{

document.getElementById("btnStart").click();

}

},?1000);

})();

/script

/div

/body

/html

jquery綁定點擊事件的方法

jQuery綁定點擊事件可以使用其綁定事件函數(shù)

jquery中四個事件綁定方式（bind,live,delegate,on）

1、bind()????

簡要描述

bind()向匹配元素添加一個或多個事件處理器。

使用方式

$(selector).bind(event,data,function)

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

單事件處理：例如?$(selector).bind("click",data,function);

多事件處理：

1.利用空格分隔多事件，例如?$(selector).bind("click dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如?$(selector).bind({event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數(shù),適合處理多個事件調(diào)用同一函數(shù)情況；

大括號替代方式：綁定較為靈活，可以給事件單獨

綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；

適用Jquery版本

適用所有版本，但是根據(jù)官網(wǎng)解釋，自從jquery1.7版本以后bind()函數(shù)推薦用on()來代替。

2、live()? ?

簡要描述

live()?向當前或未來的匹配元素添加一個或多個事件處理器；

使用方式

$(selector).live(event,data,function)

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

單事件處理：例如?$(selector).live("click",data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).live("click dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如?$(selector).live({event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數(shù),適合處理多個事件調(diào)用同一函數(shù)情況；

大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.9版本以下支持，jquery1.9及其以上版本刪除了此方法，jquery1.9以上版本用on()方法來代替。

3、delegate()

簡要描述

delegate()?為指定的元素（被選元素的子元素）添加一個或多個事件處理程序，并規(guī)定當這些事件發(fā)生時運行的函數(shù)。使用 delegate() 方法的事件處理程序適用于當前或未來的元素（比如由腳本創(chuàng)建的新元素）。

使用方式　

$(selector).delegate(childSelector,event,data,function)

childSelector:?必需項；需要添加事件處理程序的元素，一般為selector的子元素；

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

單事件處理：例如?$(selector).delegate(childselector,"click",data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).delegate(childselector,"click?dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如?$(selector).delegate(childselector,{event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數(shù),適合處理多個事件調(diào)用同一函數(shù)情況；

大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.4.2及其以上版本；

4、on()

簡要描述

on()?為指定的元素,添加一個或多個事件處理程序，并規(guī)定當這些事件發(fā)生時運行的函數(shù)。使用 on() 方法的事件處理程序適用于當前或未來的元素（比如由腳本創(chuàng)建的新元素）。

使用方式　

$(selector).on(event,childselector,data,function)

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

單事件處理：例如?$(selector).on("click",childselector,data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).on("click?dbclick mouseout",childseletor,data,function);

2.利用大括號靈活定義多事件，例如?$(selector).on({event1:function, event2:function, ...},childselector);　

3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數(shù),適合處理多個事件調(diào)用同一函數(shù)情況；

大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數(shù)；　

childSelector:?可選；需要添加事件處理程序的元素，一般為selector的子元素；

data：可選；需要傳遞的參數(shù)；

function：必需；當綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.7及其以上版本；jquery1.7版本出現(xiàn)之后用于替代bind()，live()綁定事件方式；

四種方式的異同和優(yōu)缺點

相同點：

1.都支持單元素多事件的綁定；空格相隔方式或者大括號替代方式;

2.均是通過事件冒泡方式，將事件傳遞到document進行事件的響應；

比較和聯(lián)系:

1.bind()函數(shù)只能針對已經(jīng)存在的元素進行事件的設置；但是live(),on(),delegate()均支持未來新添加元素的事件設置；

2.bind()函數(shù)在jquery1.7版本以前比較受推崇，1.7版本出來之后，官方已經(jīng)不推薦用bind()，替代函數(shù)為on(),這也是1.7版本新添加的函數(shù)，同樣，可以

用來代替live()函數(shù)，live()函數(shù)在1.9版本已經(jīng)刪除；

3.live()函數(shù)和delegate()函數(shù)兩者類似，但是live()函數(shù)在執(zhí)行速度，靈活性和CSS選擇器支持方面較delegate()差些

4.bind()支持Jquery所有版本；live()支持jquery1.8-；delegate()支持jquery1.4.2+；on()支持jquery1.7+；　

總結(jié)

如果項目中引用jquery版本為低版本，推薦用delegate(),高版本jquery可以使用on()來代替，以上僅為個人看法

網(wǎng)站名稱：jquery按鈕事件,jquery中click事件
當前鏈接：http://chinadenli.net/article42/dsgpohc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、、云服務器、搜索引擎優(yōu)化、網(wǎng)站設計公司、移動網(wǎng)站建設

廣告

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