jQuery中event事件怎么用

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

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

1.pageX,pageY

作用：顯示元素（鼠標指針）所在的位置

語法：

event.pageX 相當于文檔的左邊緣

event.pageY 相當于文檔的上邊緣

示例：

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

顯示鼠標指針所在位置

2.preventDefault

作用：防止元素發生默認行為，如點擊表單提交按鈕時阻止提交

語法：event.preventDefault

示例：

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

防止打開Url連接

3.isDefaultPrevent

作用：返回是否調用了preventDefault方法

語法：event.isDefaultPrevent

示例：

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

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

4.result

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

語法：event.result

示例：

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

顯示最后一次點擊事件的結果。

5.target

作用： 屬性規定哪個 DOM 元素觸發了該事件。

語法：event.target

示例：

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

顯示是哪個DOM元素觸發了事件

6.timeStamp

作用：返回事件觸發時的時間戳

語法：event.timeStamp

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

顯示出當對按鈕元素的點擊事件發生時的時間戳

7.type

作用：描述觸發哪種事件類型

語法：event.type

示例：

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

顯示觸發了哪種類型的事件

8.which

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

語法：event.which

示例：

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

顯示按了哪個鍵

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