jQuery基礎系列（三）---事件介紹(2)---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

  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, h1, h2").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