主要記錄在菜鳥上學習的內容：平時可能會用到但是不太熟悉的內容——做記錄之用。
-
鼠標事件
- click() 點擊元素
$("p").click(function(){
// 動作觸發后執行的代碼!
});
- dblclick() 雙擊元素
$("p").dblclick(function(){
$(this).hide();//雙擊隱藏p元素
});
- mouseenter() 鼠標指針穿過元素時
- mouseleave() 鼠標指針離開元素時
- mousedown() 鼠標指針移動到元素上方，并按下鼠標按鍵時
- mouseup() 在元素上松開鼠標按鈕時
- hover() 鼠標移動到元素上時,懸停事件
$("#p1").hover(
function(){
alert("你進入了 p1!");//進入元素時
},
function(){
alert("拜拜! 現在你離開了 p1!");//退出元素時
}
);
- focus() 元素獲得焦點時，通過鼠標點擊選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。
$("input").focus(function(){
$(this).css("background-color","#cccccc");//獲取焦點時，變色
});
- blur() 元素失去焦點時
-
鍵盤事件
- keypress() 當按鈕被按下時，會發生該事件。它發生在當前獲得焦點的元素上。
i=0;
$(document).ready(function(){
$("input").keypress(function(){//計算input輸入框中的按鍵次數
$("span").text(i+=1);
});
});
...
<body>
Enter your name: <input type="text" />
<p>Keypresses:<span>0</span></p>
</body>
- keydown() 完整的 key press 過程分為兩個部分：1. 按鍵被按下；2. 按鍵被松開。
當按鈕被按下時，發生 keydown 事件。 - keyup() 當按鈕被松開時，發生 keyup 事件。
-
表單事件
- submit() 當提交表單時，會發生 submit 事件。該事件只適用于表單元素。
語法：
$(selector).submit(function) - change() 當元素的值發生改變時，會發生 change 事件。該事件僅適用于文本域（text field），以及 textarea 和 select 元素。
語法：
$(selector).change() - focus() 當元素獲得焦點時，發生 focus 事件。當通過鼠標點擊選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。
語法：
$(selector).focus() - blur() 當元素失去焦點時發生 blur 事件。
語法：
$(selector).blur()
-
文檔/窗口事件
- load() 當指定的元素（及子元素）已加載時，會發生 load() 事件。該事件適用于任何帶有 URL 的元素（比如圖像、腳本、框架、內聯框架）。
語法：$(selector).load(function) - resize() 當調整瀏覽器窗口的大小時，發生 resize 事件。
語法：$(selector).resize(function) - scroll() 當用戶滾動指定的元素時，會發生 scroll 事件。scroll 事件適用于所有可滾動的元素和 window 對象（瀏覽器窗口）。
語法:$(selector).scroll() - unload() 當用戶離開頁面時，會發生 unload 事件。
具體來說，當發生以下情況時，會發出 unload 事件：
-點擊某個離開頁面的鏈接
-在地址欄中鍵入了新的 URL
-使用前進或后退按鈕
-關閉瀏覽器
-重新加載頁面
語法：event.unload(function)
