首页 > 代码库 > 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,见后文
onreadystatechangereadyState改变时触发此事件
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笔记(五):JavaScript的常见事件和Ajax小结