JQuery觸發事件

<form action="" method="get" id="form1">
    <input type="text" id="text1" value="abc人"/>
    <input type="button" id="button1" value="button" />
    <img id="img1" src="sdf/sadf"/>
    <img id="img2" src="psu.jpg"/>
    <input type="submit" value="提交"/>
</form>
<a href="http://www.126.com">鏈接</a>
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script type="text/javascript" defer>
//==============jQuery不支持form元素的reset事件。
$("#text1").blur(function(){//==============元素失去焦點(非鼠標從元素上移開) a, input, textarea, button, select, label, map, area
    //alert("blur");
});

$("#text1").change(function(){//==============用戶改變域的值 input, textarea, select
    //alert("change");
});

$("#button1").click(function(){//==============鼠標左鍵點擊某個對象 幾乎所有元素
    //alert("click");
});

$("#button1").dblclick(function(){//==============鼠標左鍵快速雙擊某個對象 幾乎所有元素
    //alert("dblclick");
});

$("#img1").error(function(){//==============當元素遇到錯誤（沒有正確載入）時，發生 error 事件。 window, img
    //alert("error");
});

$("#text1").focus(function(){//==============元素獲得焦點(非鼠標移動到元素上) a, input, textarea, button, select, label, map, area
    //alert("focus");
});

$("#text1").keydown(function(){//==============指定元素獲得焦點的時候，某個鍵盤的鍵被按下時 幾乎所有元素
    //alert("keydown");
});

$("#button1").keypress(function(){//==============指定元素獲得焦點的時候，某個鍵盤的鍵被按下或按住 幾乎所有元素
    //alert("keypress");
});

$("#button1").keyup(function(){//==============指定元素獲得焦點的時候，某個鍵盤的鍵被松開 幾乎所有元素
    //alert("keyup");
});

$("#img2").load(function(){//==============某個頁面或圖像被完成加載 window, img
    //alert("load");
});

$("#button1").mousedown(function(){//==============鼠標移到元素上按下任意鍵 幾乎所有元素
    //alert("mousedown");
});

$("#button1").mouseenter(function(){//當鼠標指針穿過元素時，會發生 mouseenter 事件。與 mouseover 事件不同，在鼠標指針穿過被選元素時，不管有沒有穿過其子元素只會觸發一次 mouseenter 事件。
    //alert("mouseenter");
});

$("#button1").mouseleave(function(){//當鼠標指針離開元素時，會發生 mouseleave 事件。與 mouseout 事件不同，在鼠標指針離開被選元素時，不管有沒有離開其子元素只會觸發一次 mouseleave 事件。
    //alert("mouseleave");
});

$("#text1").mousemove(function(){//==============只要鼠標移動到指定元素上就不停地觸發 幾乎所有元素
    //alert("mousemove");
});

$("#button1").mouseout(function(){//==============鼠標從指定元素上移開，不論鼠標指針離開被選元素還是任何子元素，都會觸發 mouseout 事件。 幾乎所有元素
    //alert("mouseout");
});

$("#button1").mouseover(function(){//==============鼠標被移到指定元素之上，不論鼠標指針穿過被選元素或其子元素，都會觸發 mouseover 事件。 幾乎所有元素
    //alert("mouseover");
});

$("#button1").mouseup(function(){//==============鼠標在指定元素上某個鼠標按鍵被松開 幾乎所有元素
    //alert("mouseup");
});

$(window).resize(function() {//==============窗口或框架被調整尺寸 window, iframe, frame
    //alert("resize");
});

$(window).scroll(function(){//==============當用戶滾動指定的元素時，會發生 scroll 事件。croll 事件適用於所有可滾動的元素和 window 對象（瀏覽器窗口）。
    //alert("scroll");
});

$("#text1").select(function(){//==============指定區域內文本被選中任意一個字符觸發 document, input, textarea
    //alert("select");
});

$("#form1").submit(function(){//==============提交按鈕被點擊 form
    //alert("submit");
});

$(window).unload(function(){//==============當用戶離開頁面時，會發生 unload 事件。具體來說，當發生以下情況時，會發出 unload 事件：
    //alert("unload");      //==============點擊某個離開頁面的鏈接，在地址欄中鍵入了新的 URL，使用前進或后退按鈕，關閉瀏覽器，重新加載頁面，但測試中谷歌瀏覽器不好用
});



$("#button1").bind('click dblclick mouseover mouseout',function(){//==============bind() 方法為被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。
    //alert("bind");
});

$("#button1").one("click",function(){//==============為被選元素附加一個或多個事件處理程序，並規定當事件發生時運行的函數。當使用 one() 方法時，每個元素只能運行一次事件處理器函數。但測試只能運行一次無效
    //alert("one");
});

$("input").live("click",function(){//==============為被選元素附加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。通過 live() 方法附加的事件處理程序適用於匹配選擇器的當前及未來的元素（比如由腳本創建的新元素）。
    //alert("live");
});

$("form").delegate("#button1","click",function(){//==============delegate() 方法為指定的元素的子元素添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。#button1為指定元素的子元素
    //alert("delegate");
});




//$("input").trigger("select");//==============規定被選元素要觸發的事件。//未驗證

//$("input").triggerHandler("select");//==============triggerHandler() 方法觸發被選元素的指定事件類型。但不會執行瀏覽器默認動作，也不會產生事件冒泡。//未驗證
                                      //==============triggerHandler() 方法與 trigger() 方法類似。不同的是它不會觸發事件（比如表單提交）的默認行為，而且只影響第一個匹配元素。

//$("input").unbind();//==============unbind() 方法移除被選元素的事件處理程序。該方法能夠移除所有的或被選的事件處理程序，或者當事件發生時終止指定函數的運行。ubind() 適用於任何通過 jQuery 附加的事件處理程序。

//$("input").undelegate();//==============undelegate() 方法刪除由 delegate() 方法添加的一個或多個事件處理程序。

//$("input").die();//==============die() 方法移除所有通過 live() 方法向指定元素添加的一個或多個事件處理程序。未測試



//=========================================================================事件參數屬性

$("#button1").mousemove(function(event){
    //alert("X: " + event.pageX + ", Y: " + event.pageY);//==============event.pageX 屬性是鼠標指針的位置，相對於文檔的左邊緣。event.pageY 屬性是鼠標指針的位置，相對於文檔的上邊緣。
});

$("a").click(function(event){
    //event.preventDefault();//==============preventDefault() 方法阻止元素發生默認的行為（例如，當點擊提交按鈕時阻止對表單的提交）。
    //alert(event.isDefaultPrevented());//==============isDefaultPrevented() 方法返回指定的 event 對象上是否調用了 preventDefault() 方法。
});

$("input,img").click(function(event){
    //alert(event.target.nodeName);//==============target 屬性返回哪個 DOM 元素觸發了該事件。
    //alert(this.nodeName);//==============this和event.target有同樣效果
});

$("#button1").click(function(event) {
    //event.result = "a";
    //alert(event.result);//==============result 屬性包含由被指定事件觸發的事件處理器返回的最后一個值，除非這個值未定義。
});

$("#button1").click(function(event){
    //alert(event.timeStamp);//timeStamp 屬性包含從 1970 年 1 月 1 日到事件被觸發時的毫秒數。測試不好用
});

$("#button1").bind('click dblclick mouseover mouseout',function(event){
    //alert(event.type);//type 屬性描述觸發哪種事件類型。
});

$("input").keydown(function(event){
    //alert(event.which);//which 屬性指示按了哪個鍵或按鈕。返回是一個數值，但小鍵盤和大鍵盤同一個數字返回值不一樣，返回的應該是鍵盤按鍵的索引值
});
</script>