DOM筆記（五）：JavaScript的常見事件和Ajax小結

1、常見事件類型

     一、鼠標事件

事件名稱	說明
onclick	鼠標單擊時觸發
ondbclick	鼠標雙擊時觸發
onmousedown	鼠標左鍵按下時觸發
onmouseup	鼠標釋放時觸發
onmouseover	鼠標的光標移動到某對象上時觸發
onmousemove	鼠標移動時觸發
onmouseout	鼠標光標離開某對象時觸發

ps: 當單擊一次鼠標左鍵的時候，將同時觸發onclick、onmousedown、onmouseup三個事件，事件處理程序執行的前後順序 爲：onmousedown>onmouseup>onclick.由於按下鼠標產生的動做確定是在釋放鼠標以前的，而一次按下加上一次釋 放，才表明一次單擊，因此onclick最後執行。

     二、鍵盤事件

事件名稱	說明
onkeypress	某個鍵按下之後觸發
onkeydown	某個鍵按下時觸發
onkeyup	某個鍵被釋放時觸發

ps:對鍵盤的操做也會同時觸發這三個事件，其處理程序執行的前後順序是onkeydown>onkeypress>onkeyup.緣由參見鼠標事件。

     三、頁面事件

事件名稱	說明
onerror	頁面出錯時觸發
onload	頁面加載完成時觸發
onresize	瀏覽器窗口大小該表時觸發
onscroll	瀏覽器滾動條的位置發生變化時觸發
onunload	頁面將被卸載時觸發

     四、表單事件

事件名稱	說明
onblur	元素失去焦點時觸發
onchange	元素失去焦點而且元素內容改變時觸發
onfocus	元素得到焦點時觸發
onsubmit	表單被提交時觸發

 

2、JavaScript Ajax小結

     1.建立XHR對象

方法	說明
new ActiveXObject(「Microsoft.XMLHTTP」)	適用於i支持window.ActiveXObject的ie5和ie6等
new XMLHttpRequest()	適用於ie7+/ff/chrome/safari/opera等

     二、XHR對象的屬性和方法

屬性或方法	說明
readyState	通訊狀態，取值0~4，見後文
onreadystatechange	readyState改變時觸發此事件
responseText	服務器返回的文本格式文檔
responseXML	服務器返回的XML格式文檔
status	狀態碼，如100，200,404,500等
statusText	狀態碼對應的文本（OK/Not Found)
abort()	停止當前請求
open(method,url)	打開一個請求
send(args)	發送請求
setRequestHeader(key,value)	設置請求的頭部
getResponseHeader(key)	獲取響應的頭部值
getAllResponseHeaders()	以鍵值對形式返回全部頭部信息

     三、readyState屬性

代碼	說明
0	表明一個未初始化的狀態。以建立未初始化的XHR對象
1	表明鏈接狀態。已經調用了open方法，準備發送請求
2	表明發送狀態。已經調用了send方法，還沒有獲得響應數據
3	表明正在接收狀態，已經接收了HTTP響應的頭部信息，正在接收響應內容
4	表明已經加載狀態，此時響應內容已經被徹底接收

原文首發：http://www.ido321.com/1327.html

下一篇：DOM筆記（六）：怎麼進行JQuery擴展？