网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	JavaScript 事件流、事件处理程序及事件对象总结
范文	JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式，支持页面的行为与页面的外观之间的松散耦合。本文将介绍JS事件相关的基础知识。     一、事件流     事件流描述的是从页面中接受事件的顺序。     事件冒泡     事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上传播到较为不具体的结点(文档)。以下面HTML页面为例，如果你点击了页面中的按钮，那么”click”事件会按照< button>、< body>、< html>、document的顺序传播。换句话说，事件冒泡指的就是事件从底层触发事件的元素开始沿着DOM树向上传播，直到document对象。          事件捕获     与事件冒泡的思路相反，事件捕获的思想是不太具体的节点应该更早地接收到事件，最具体的结点应该最后才接收事件。同样还是上面那个例子，点击页面中的按钮之后，”click”事件会按照document、< html>、< body>、< button>的顺序传播。换句话说，事件捕获就是指事件从document对象开始沿着DOM树向下传播，直到事件的实际目标元素。     DOM事件流     “DOM2级事件”规定的事件包括三个阶段: 事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件做出响应。     还是以之前的点击按钮为例，在DOM事件流中，捕获阶段，”click”事件从document开始向下传递到body元素(注意，实际目标button在捕获阶段不会接收到事件)。目标阶段，button元素接收到”click”事件。最后，冒泡阶段，事件又被传播回文档。     二、事件处理程序     事件是用户或浏览器自身执行的某种动作，而响应某个事件的函数就叫做事件处理程序或事件侦听器。     HTML事件处理程序     这里的HTML事件处理程序指的是直接在HTML元素里面通过特性(attribute)定义的事件处理程序，请看下面的代码示例。这样是定的事件处理程序会创建一个封装着元素属性值的函数，this值等于事件的目标元素。通过这种方法指定事件处理程序存在不少缺点，不推荐使用。     JavaScript 事件流、事件处理程序及事件对象总结
随便看	值得一看：小学生暑期时间安排表 中考学习时间合理安排 高中学霸作息时间表 时间管理的重要性 济南市和西安市中小学生放假时间安排 长春大学暑假放假时间安排和海伦多兰五角场校区暑假放假安排 海南省暑假放假安排，本学期最后半个月如何高效利用? 本科和中小学生期末考试及暑假假期时间安排 初三学生如何安排学习时间 小学生时间计划表怎么写 如何制定小学时间计划表？ 小学生怎么做时间管理 时间高效利用管理 时间管理的方法技巧 时间管理方法学习 高效利用时间的方法 时间管理的方法技能 2019年淮南师范学院暑假放假安排的通知 2019年武汉中小学暑假放假安排出炉! 关于2019年中山中小学暑假放假安排的通知 2019益阳市中小学暑假放假时间及工作安排 2019广州华南商贸职业学院放假时间安排及中小学生暑假安排 2019泉州中小学暑期放假时间安排！ 2019暑假放假时间和期末考试时间安排，了解一下？ 2019大连东软信息学院暑假安排及淮北教育发布中小学暑假工作安排通知 feasible federal fee feeble feedback fellowship feminine fertile fertilizer festival 菢 菣 菤 菥 菦 菧 菨 菩 菪 菫 杭州市萧山区2016年教师招聘幼教岗位技能测试公告 四川美术学院2015-2016年教师/科研岗位新增招聘计划 杭州市拱墅区教育局所属事业单位2015年11月招聘教职工拟聘用人员公示 江苏师范大学2015年招聘教师(第二批)拟聘用人员公示 东南大学2015年第四批拟引进人员公示 2015年浙江工业大学拟聘用人员公示 2016年济南商河县招聘幼儿教师总成绩及进入考察体检范围人选名单公告 2016年深圳市宝安区华一实验学校全国高薪诚聘优秀教师启事 深圳市宝安区才华学校2016年春季诚聘优秀教师启事 2016年深圳市宝安区陶园中英文实验学校诚聘中学教师启事

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。