首页 > 代码库 > DOM笔记（五）：JavaScript的常见事件和Ajax小结
DOM笔记（五）：JavaScript的常见事件和Ajax小结
一、常见事件类型
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 | 服务器返回的文本格式文档 |
| responseXML | 服务器返回的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 | 代表已经加载状态，此时响应内容已经被完全接收 |
原文首发：http://www.ido321.com/1327.html
下一篇：DOM笔记（六）：怎么进行JQuery扩展？
下一篇：DOM笔记（六）：怎么进行JQuery扩展？
DOM笔记（五）：JavaScript的常见事件和Ajax小结
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。