JavaScript的常见事件和Ajax小结
标签:JavaScript,Ajax,鼠标事件,键盘事件,页面事件,表单事件
2015-01-13 08:32 修改 | 阅读(960)| 评论(0)
一、常见事件类型
1、鼠标事件
事件名称 | 说明 |
onclick | 鼠标单击时触发 |
ondbclick | 鼠标双击时触发 |
onmousedown | 鼠标左键按下时触发 |
onmouseup | 鼠标释放时触发 |
onmouseover | 鼠标的光标移动到某对象上时触发 |
onmousemove | 鼠标移动时触发 |
onmouseout | 鼠标光标离开某对象时触发 |
ps:当单击一次鼠标左键的时候,将同时触发onclick、onmousedown、onmouseup三个事件,事件处理程序执行的先后顺序为:onmousedown>onmouseup>onclick.因为按下鼠标产生的动作肯定是在释放鼠标之前的,而一次按下加上一次释放,才代表一次单击,所以onclick最后执行。
2、键盘事件
事件名称 | 说明 |
onkeypress | 某个键按下以后触发 |
onkeydown | 某个键按下时触发 |
onkeyup | 某个键被释放时触发 |
ps:对键盘的操作也会同时触发这三个事件,其处理程序执行的先后顺序是onkeydown>onkeypress>onkeyup.原因参见鼠标事件。
3、页面事件
事件名称 | 说明 |
onerror | 页面出错时触发 |
onload | 页面加载完成时触发 |
onresize | 浏览器窗口大小该表时触发 |
onscroll | 浏览器滚动条的位置发生变化时触发 |
onunload | 页面将被卸载时触发 |
4、表单事件
事件名称 | 说明 |
onblur | 元素失去焦点时触发 |
onchange | 元素失去焦点并且元素内容改变时触发 |
onfocus | 元素获得焦点时触发 |
onsubmit | 表单被提交时触发 |
二、JavaScript Ajax小结
1.创建XHR对象
方法 | 说明 |
new ActiveXObject(“Microsoft.XMLHTTP”) | 适用于i支持window.ActiveXObject的ie5和ie6等 |
new XMLHttpRequest() | 适用于ie7+/ff/chrome/safari/opera等 |
2、XHR对象的属性和方法
属性或方法 | 说明 |
readyState | 通信状态,取值0~4,见后文 |
onreadystatechange | readyState改变时触发此事件 |
responseText | 服务器返回的文本格式文档 |
responXML | 服务器返回的XML格式文档 |
status | 状态码,如100,200,404,500等 |
statusText | 状态码对应的文本(OK/Not Found) |
abort() | 中止当前请求 |
open(method,url) | 打开一个请求 |
send(args) | 发送请求 |
setRequestHeader(key,value) | 设置请求的头部 |
getResponseHeader(key) | 获取响应的头部值 |
getAllResponseHeaders() | 以键值对形式返回所有头部信息 |
3、readyState属性
代码 | 说明 |
0 | 代表一个未初始化的状态。以创建未初始化的XHR对象 |
1 | 代表连接状态。已经调用了open方法,准备发送请求 |
2 | 代表发送状态。已经调用了send方法,尚未得到响应数据 |
3 | 代表正在接收状态,已经接收了HTTP响应的头部信息,正在接收响应内容 |
4 | 代表已经加载状态,此时响应内容已经被完全接收 |