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 代表已经加载状态,此时响应内容已经被完全接收

时间: 2024-10-01 21:36:02

JavaScript的常见事件和Ajax小结的相关文章

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

一.常见事件类型 1.鼠标事件 事件名称 说明 onclick 鼠标单击时触发 ondbclick 鼠标双击时触发 onmousedown 鼠标左键按下时触发 onmouseup 鼠标释放时触发 onmouseover 鼠标的光标移动到某对象上时触发 onmousemove 鼠标移动时触发 onmouseout 鼠标光标离开某对象时触发 ps:当单击一次鼠标左键的时候,将同时触发onclick.onmousedown.onmouseup三个事件,事件处理程序执行的先后顺序为:onmousedow

js day44 Jquery(筛选,事件,效果,Ajax,javascript跨域)

1     筛选[掌握]     筛选与之前"选择器"雷同,筛选提供函数 1.1   过滤 eq(index|-index),获取第N个元素 ?index:一个整数,指示元素基于0的位置,这个元素的位置是从0算起. ?-index:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) first(),获取第一个元素 last(),获取最后个元素 hasClass(class),检查当前的元素是否含有某个特定的类,如果有,则返回true. filter(exp

JavaScript基础(2)---dom,bom,变量类型,事件,ajax

变量类型: JavaScript中变量有值类型和引用类型,值类型就是直接给变量赋值,引用类型是把一个地址指针赋值给变量 引用类型包括------>数组,对象和函数,其它为值类型 用typeof可以区分哪些类型? 1 typeof undefined //undefined 2 typeof 123 //number 3 typeof 'abc' //string 4 typeof true //boolean 5 typeof [] //object 6 typeof {} //object 7

JavaScript的self和this使用小结

JavaScript的self和this使用小结 本文摘自:http://www.cnblogs.com/reommmm/archive/2010/01/20/1652469.html 一.self 这个非常简单.我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象.self 指窗口本身,它返回的对象跟window对象是一模一样的. 也正因为如此,window对象的常用方法和函数都可以用self代替window.

了解javascript中的事件(二)

零.寒暄 这篇博客本该出现在两个月以前,但是种种原因,搁浅了.两个月的时间,改变了许多人也改变了许多事,回头看看自己两个月前写的代码,居然有很多可笑之处,这也算是一种成长吧.实习的几个月里,全身心的投入工作,效率奇高,同时,离开学校的这段日子让我充分感受了这个社会的残酷.好酒需陈酿,来的早不如来的巧,今天跟大家分享下javascript中事件的下半部分. 如需查看本文的上一篇,请猛击了解javascript中的事件(一),注:后文如无特殊说明,提到的参考之前的博客,也是指这篇文章. 本文主要谈一

window常见事件

<script type="text/javascript"> /*onunload = function(){ alert("onunload run"); } onload = function(){ alert("onload run"); } onbeforeunload = function(){ alert("onbeforeunload run"); }*/ //关闭窗口前弹窗 onunload =f

自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分页插件已经有比较成熟的了,那就自己试着写一个前台分页吧. 话不多说,先上效果图: 优点与缺点 来说说优缺点吧,首先AspNetPager是后台分页控件,所以在向客户端回传HTML文档之前生成HTML阶段 就会把分页代码生成完毕,然后回传,而JS是前端代码,就是HTML文档在服务器组织完毕往客户端传送

jquery键盘常见事件

一.在看jquery的时候有几个常见的键盘事件,我写在这里: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二.键盘对应的ASCII码: 常见的例如上下左右键,分别为38,40,37,39.也就是从左键开始顺时针旋转. 也可以利用下面这段代码去获取 $(document).keydown(fun

设置获得的标签体、动态绑定事件以及Ajax

前言 主要谈谈Ajax以及jQuery对Ajax的支持 Ajax(Asynchronous javascript  and xml)以异步地方式实现局部HTML的刷新.创建交互式web应用程序而无需牺牲浏览器兼容性的流行方法. 正文 设置获得的标签体 动态绑定事件 方式一 方式二 例子 Ajax 1.Ajax是一种在2005年由Google推广开来的编程模式,是一种使用现有标准的新方法通过Ajax,可以创建更好.更快以及更友好的web应用程序. 2.Ajax基于javascript和HTTP请求