常用的事件觸發

部分事件觸發方法，日後將陸續補全。

1.blur() 2.change() 3.click() 4.focus()  5.onclick()

實例：

1.blur() ：當輸入域失去焦點 (blur) 時改變其顏色：（失去焦點是觸發）比較focus（）事件

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

2.change() ：當輸入域發生變化時改變其顏色：

$(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
});

定義和用法

當元素的值發生改變時，會發生 change 事件。

該事件僅適用於文本域（text field），以及 textarea 和 select 元素。

change() 函數觸發 change 事件，或規定當發生 change 事件時運行的函數。

註釋：當用於 select 元素時，change 事件會在選擇某個選項時發生。當用於 text field 或 text area 時，該事件會在元素失去焦點時發生。

3. click()：當點擊按鈕時，隱藏或顯示元素：（點擊觸發事件）

$("button").click(function(){
  $("p").slideToggle();
});

當鼠標指針停留在元素上方，然後按下並鬆開鼠標左鍵時，就會發生一次 click。

4.focus() ：當輸入框獲得焦點時，改變它的背景色：（聚焦是觸發）比較blur（）事件

$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});

當通過鼠標點擊選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。

5.onclick():當按鈕被點擊時執行Javascript代碼

jsp頁面

<button οnclick="myFunction()">Click me</button>

<p id="demo"></p>

js頁面

function myFunction(){
	document.getElementById("demo").innerHTML="Hello World";
}

詳情請參考：http://www.w3school.com.cn/jquery/jquery_ref_events.asp