DOM笔记(五):JavaScript的常见事件和Ajax小结

14 篇文章 1 订阅
6 篇文章 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,见后文
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代表已经加载状态,此时响应内容已经被完全接收
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值