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 表明已经加载状态，此时响应内容已经被彻底接收