1. JavaScript 中有两种事件流模型,分别是 IE 的“冒泡型事件”和 Netscape 的“捕获型事件”。冒泡型事件触发过程如下图所示:
捕获型事件触发顺序刚好与冒泡型相反。注意,在上图中,冒泡层次到达 window 层,IE 是不支持到 window 层,但是 Mozilla 支持。IE 只支持到 document 层。
2. DOM 支持两种事件流模型,事件触发顺序如下图所示:
注意, IE 对 DOM 事件模型支持不良好。
3. 事件对象
事件对象只有在事件发生时才会创建,并且只有事件处理函数才能访问。所有事件处理函数执行完毕后,事件对象就被销毁。事件对象一般包括以下三方面信息:
引起事件的对象
事件发生时鼠标信息
事件发生时键盘信息
注意,在 IE 中,事件对象是 window 对象的一个属性 event。所以 IE 中事件函数需要用 window.event 的方式来访问事件对象,如 var oEvent = window.event。尽管它是 window 对象的属性,event 对象还是只能在事件发生时访问。所有的事件处理函数执行完毕后,事件对象就被销毁。
DOM 标准则说,event】 对象必须作为唯一的参数传给事件处理函数。所以在 DOM 兼容的浏览器(如 Mozilla、Safari 和 Opera)中访问事件对象的方式是在函数内部通过 arguments[0] 来访问,如 var oEvent = agruments[0];
4. 事件对象在 IE 中的属性和方法
5. DOM 事件对象的属性和方法
6. 事件的类型
DOM 标准把事件分为这几种类型:鼠标事件、键盘事件、HTML 事件、突变事件。HTML 事件是指窗口发生变动或发生特定的客户端-服务器端交互时触发的事件。突变事件是指底层 DOM 结构发生改变时出发的事件。
7. 事件触发的顺序
一次鼠标点击事件的触发顺序为:mousedown、mouseup、click;
一次键盘按键事件的触发顺序为:keydown、keypress、keyup
8. HTML 事件
HTML 事件的分类是由原来从 IE4.0 和 Netscape 4.0 开发人员创建事件模型中遗留下来的很多事件组成。如页面加载 load 时事件、JavaScript 脚本运行出错事件 error、文本框 change、窗口 resize 事件、页面 scroll 事件、focus 事件和 blur 事件等。
分享到:
相关推荐
第三章 JavaScript事件 第三章 JavaScript事件 第三章 JavaScript事件
javascript事件列表解说.doc
JavaScript事件机制详细研究
javascript事件触发列表与解说.pdf
开发工具与关键技术:Adobe Dreamweaver JavaScript 事件相关知识点总结 网路安全
javascript事件冒泡,事件捕获和事件委托详解 1、事件冒泡:在javascript事件传播过程中,当事件在一个元素上出发之后,事件会逐级传播给先辈元素,直到document为止,有的浏览器可能到window为止。并不是所有的...
1.实现JavaScript事件注册;...2.实现JavaScript事件处理函数; 3.实现JavaScript鼠标和键盘事件; 4.实现JavaScript表单相关事件; 5.实现JavaScript字幕滚动事件; 6.实现JavaScript编辑事件;
系统介绍了javascript事件,包括平常理解不透彻的捕获,冒泡等机制,值得一看
使用JavaScript事件综合查询,js事件大全
Javascript事件的定义包括所有组件的事件定义
javascript事件查询综合.docjavascript事件查询综合.docjavascript事件查询综合.doc
总结了javascript的各种事件和触发时机
dhtmlxScheduler是一个JavaScript事件日历,允许您添加一个类似google调度程序到您的web应用程序或网站。直观的拖放界面允许最终用户快速管理事件和约会不同的观点:一天,周,月,年,议程,时间表,等。非常轻量级(约20 kb...
Javascript 事件 事件兼容性一览表
幫助穩當: javascript事件大集合
JavaScript事件.doc
javascript代码模块之javascript事件综合查询
第3章+JavaScript事件处理.pdf