這篇文章主要為大家展示了“jQuery中event事件怎么用”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery中event事件怎么用”這篇文章吧。

成都創(chuàng)新互聯(lián)專(zhuān)注于洪江管理區(qū)企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城開(kāi)發(fā)。洪江管理區(qū)網(wǎng)站建設(shè)公司,為洪江管理區(qū)等地區(qū)提供建站服務(wù)。全流程按需定制制作，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

/*=====================================================Jquery 事件處理方法=============================================*/

1.pageX,pageY

作用：顯示元素（鼠標(biāo)指針）所在的位置

語(yǔ)法：

event.pageX 相當(dāng)于文檔的左邊緣

event.pageY 相當(dāng)于文檔的上邊緣

示例：

$(document).mousemove(function(e){
 $("span").text("X: " + e.pageX + ", Y: " + e.pageY);
});

顯示鼠標(biāo)指針?biāo)谖恢?/p>

2.preventDefault

作用：防止元素發(fā)生默認(rèn)行為，如點(diǎn)擊表單提交按鈕時(shí)阻止提交

語(yǔ)法：event.preventDefault

示例：

$("a").click(function(event){
 event.preventDefault();
});

防止打開(kāi)Url連接

3.isDefaultPrevent

作用：返回是否調(diào)用了preventDefault方法

語(yǔ)法：event.isDefaultPrevent

示例：

$("a").click(function(event){
  event.preventDefault();
  alert("Default prevented: " + event.isDefaultPrevented());
});

防止鏈接打開(kāi) URL，并聲明來(lái)自 isDefaultPrevented() 的結(jié)果

4.result

作用：返回指定事件觸發(fā)的事件處理函數(shù)返回的最后一個(gè)值，除非這個(gè)值未定義

語(yǔ)法：event.result

示例：

$("button").click(function(e) {
 $("p").html(e.result);
});

顯示最后一次點(diǎn)擊事件的結(jié)果。

5.target

作用： 屬性規(guī)定哪個(gè) DOM 元素觸發(fā)了該事件。

語(yǔ)法：event.target

示例：

$("p, button, h2, h3").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

顯示是哪個(gè)DOM元素觸發(fā)了事件

6.timeStamp

作用：返回事件觸發(fā)時(shí)的時(shí)間戳

語(yǔ)法：event.timeStamp

$("button").click(function(event){
 $("span")html(event.timeStamp);
});

顯示出當(dāng)對(duì)按鈕元素的點(diǎn)擊事件發(fā)生時(shí)的時(shí)間戳

7.type

作用：描述觸發(fā)哪種事件類(lèi)型

語(yǔ)法：event.type

示例：

$("p").bind('click dblclick mouseover mouseout',function(event){
 $("div").html("Event: " + event.type);
});

顯示觸發(fā)了哪種類(lèi)型的事件

8.which

作用：顯示按了哪個(gè)鍵或按鈕

語(yǔ)法：event.which

示例：

$("input").keydown(function(event){
 $("div").html("Key: " + event.which);
});

顯示按了哪個(gè)鍵

以上是“jQuery中event事件怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！