jQuery中event事件怎么用

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

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

1.pageX,pageY

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

語法：

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)行為，如點擊表單提交按鈕時阻止提交

語法：event.preventDefault

示例：

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

防止打開Url連接

3.isDefaultPrevent

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

語法：event.isDefaultPrevent

示例：

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

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

4.result

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

語法：event.result

示例：

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

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

5.target

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

語法：event.target

示例：

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

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

6.timeStamp

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

語法：event.timeStamp

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

顯示出當(dāng)對按鈕元素的點擊事件發(fā)生時的時間戳

7.type

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

語法：event.type

示例：

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

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

8.which

作用：顯示按了哪個鍵或按鈕

語法：event.which

示例：

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

顯示按了哪個鍵

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