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 表明已經加載狀態，此時響應內容已經被徹底接收