常用的事件觸發__Java

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

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 onclick="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