事件流与window.addEventListener介绍说明重点是window.addEventListener里面true和false的区别
来源:互联网 发布:linux私房菜在线阅读 编辑:程序博客网 时间:2024/06/06 07:52
1.首先我们来了解几个概念,“事件”,“事件流”,“事件名称”,“事件处理函数/事件监听函数,也许是“老生常谈”,知道的朋友可以越过。
- 事件: 事件是用户自身或浏览器进行的特定行为。如:用户点击 也就是常用的click事件
- 事件流:多个事件
按一定顺序触发 形成了事件流 - 事件名称:如上面所讲的click就是事件名
- 事件处理函数/事件监听函数(Dom的叫法)就是 事件触发后的处理函数,如obj.onclick=fn;函数fn就是事件处理函数
“ 事件流” 说明事件对象如何在显示列表中穿行。显示列表以一种可以描述为树的层次结构形式进行组织。位于显示列表层次结构顶部的是舞台,它是一种特殊的显示对象容器,用作显示列表的根。舞台由flash.display.Stage类表示,且只能通过显示对象访问。每个显示对象都有一个名为 stage 的属性,该属性表示应用程序的舞台。当 Flash Player 或 AIR 为显示列表相关的事件调度事件对象时,该事件对象将进行一次从舞台到“ 目标节点” 的往返行程。
DOM 事件规范将目标节点定义为代表事件目标的节点。也就是说,目标节点是发生了事件的显示列表对象。例如,如果用户单击名为child1的显示列表对象, Flash Player 或 AIR 将使用 child1 作为目标节点来调度事件对象。
从概念上来说,事件流分为三部分。第一部分称为捕获阶段,该阶段包括从舞台到目标节点的父节点范围内的所有节点。第二部分称为目标阶段,该阶段仅包括目标节点。第三部分称为冒泡阶段。冒泡阶段包括从目标节点的父节点返回到舞台的行程中遇到的节点。FLASHACTIONSCRIPT 3.0 编程211处理事件
如果您将显示列表想像为一个垂直的层次结构,其中舞台位于顶层(如下图显示),那么这些阶段的名称就更容易理解了:
如果用户单击 Child1Node,FlashPlayer 或 AIR 将向事件流调度一个事件对象。如下面的图像所示,对象的行程从舞台开始,向下移到父节点,然后移到Child1节点,再“ 冒泡” 返回到舞台(即在行程中重新经过父节点,再返回到舞台。
不过,并非每个事件对象都参与事件流的所有三个阶段。某些类型的事件(例如 enterFrame 和 init 类型的事件)会直接调度到目标节点,并不参与捕获阶段和冒泡阶段。其它事件可能以不在显示列表中的对象为目标,例如调度到Socket 类的实例的事件。这些事件对象也将直接流至目标对象,而不参与捕获和冒泡阶段。
>下面我们了解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body onclick="alert('body')">
</body>
</html>
而在非ie浏览器如moz中 正如我们上面所说的
所以顺序也是 btn>>div>>body;
在addEventlistener(type,fn,true添加事件时)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
</head>
<body id="obj1">
<div id="obj2"><input id="obj3" id="Text1" type="text" /></div>
</body>
</html>
而在moz中
分别弹出 body>> test >>div
向同一个标签 动态的添加事件是
window.addEventListener介绍说明
原型
public override function addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
作用
侦听事件并处理相应的函数。
参数
注意
- 事件流与window.addEventListener介绍说明重点是window.addEventListener里面true和false的区别
- 事件流与window.addEventListener介绍说明
- window.attachEvent和window.addEventListener的区别
- 【js】window.addEventListener介绍说明
- *addEventListener(" ", ,true(or false))中第三个元素选择true和false的区别
- window.attachEvent和addEventListener
- window.onload事件--attachEvent和addEventListener
- window.attachEvent和window.addEventListener
- window.addEventListener
- 从 addEventListener(,,true/false)
- window.attachEvent和window.addEventListener的区别(其实只是支持的浏览器不同)
- 事件绑定on和addEventListener的区别
- addEventListener(type, fn , true/false)绑定事件第三个参数作用以及利用事件的冒泡,实现事件委托
- HTML文档对象的事件以及addEventListener与attachEvent介绍
- addEventListener和attachEvent的区别
- addEventListener和on的区别
- addEventListener和on的区别
- addEventListener和onclick的区别
- ScrollView+指示器
- 三种东西永远不要放到数据库里
- Python提供了以下几个内置tools模块:operator collections itertools functools
- 20个常用正则
- Java如何实现queue队列?
- 事件流与window.addEventListener介绍说明重点是window.addEventListener里面true和false的区别
- android两图相交
- 关于matlab提示“警告: 矩阵为奇异工作精度” 的问题
- javadoc工具文档API生成
- 需求分析--我的第一个java-web项目之路(一)
- Mongo入门
- Windows10 以管理员身份运行的解决办法
- 爬虫小程序-01
- 原型设计工具Axure