JQuery中this和event.target的區(qū)別

關(guān)于JQuery中this和event.target的區(qū)別如下：

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到蠡縣網(wǎng)站設(shè)計(jì)與蠡縣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋蠡縣地區(qū)。

1、js中的事件會(huì)冒泡，因此可以更改，

但是event.target不會(huì)更改，它始終指向觸發(fā)事件本身的DOM元素；

2、假設(shè)htm是div span / span / div，單擊span時(shí)，更改span的顏色。

如果使用this按鈕單擊span，則由于事件起泡機(jī)制，div將更改顏色。

但是使用event.target就不會(huì)。

擴(kuò)展資料：

關(guān)于JQuery中this的用法舉例

例1：

$("#btnConfirm").click(function(){alert($(this).val()); // ，在這里，this指的是這個(gè)ID為btnConfirm的選項(xiàng),因?yàn)槟悻F(xiàn)在點(diǎn)擊的是ID為btnConfirm的選項(xiàng),因此this就是它})

例2:

$("ul li").each(function(){alert( $(this).text()); // ，這里的this指的是迭代的每個(gè)li元素,因?yàn)槊看蔚玫降亩际且粋€(gè)li元素,因此這個(gè)時(shí)候this 就代表著這個(gè)當(dāng)前的li元素

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 事件（多用于游戲開(kāi)發(fā)，比如一直按空格鍵進(jìn)行攻擊）。

3、keyup事件

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

二、通過(guò)鍵盤事件可以進(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.event.dispatch是什么錯(cuò)誤

這只是一個(gè)jquery的功能函數(shù)，它本身不是什么錯(cuò)誤。

如果是在執(zhí)行這個(gè)函數(shù)時(shí)有錯(cuò)誤，那應(yīng)該是你綁定在某個(gè)控件上面的event處理方法寫錯(cuò)了。

jQuery中event.target和this的區(qū)別

this和event.target的區(qū)別：

1.js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)指向觸發(fā)事件的DOM元素本身；

2.this和event.target都是dom對(duì)象，使用jQuey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象：$(this)和$(event.target).

假設(shè)htm是divspan/span/div

點(diǎn)擊span的時(shí)候改變span的顏色，使用this的話點(diǎn)擊span因?yàn)槭录芭輽C(jī)制，div也會(huì)改變顏色，但是使用event.target不會(huì)。

jquery中的event.currenttarget 和 this有什么區(qū)別

this是Javascript語(yǔ)言的一個(gè)關(guān)鍵字。?

this代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象，只能在函數(shù)內(nèi)部使用。

this和event.target的區(qū)別：

js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素；

this和event.target都是dom對(duì)象，如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象：$(this)和$(event.target);

script

function?testdiv(){

console.log(event.target.nodeName);

}?

function?testa(){

console.log(event.target.nodeName);

}

function?testbody(){

console.log(event.target.nodeName);

}

/script

body?onclick="testbody()"

div?onclick="testdiv()"?id="testdiv"

a?href="#"?onclick="testa()"?id="testa"click?me/a

/div

/body

event在jquery中的用法

有獲取事件源的作用：如：

$(function()

{

$("#btn1").click(function(event)

{

//event有什么用？什么時(shí)候用？

//幫忙舉個(gè)例子

event.pageX//這里就可以得到頁(yè)面的坐標(biāo)

});

});

（北京八方永信教育）

分享名稱：jquery的event,用jquery
鏈接分享：http://chinadenli.net/article27/dsedccj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站改版、品牌網(wǎng)站制作、企業(yè)建站、定制開(kāi)發(fā)、關(guān)鍵詞優(yōu)化

廣告

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