web前端：JS---DOM---事件冒泡和阻止事件冒泡，总结事件

作者:jane_panyiyun 更新于： 2020-03-21 21:01:47

　　文档对象模型(DocumentObjectModel，简称DOM)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面(或文档)的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。

　　事件冒泡:多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了,外面的元素的该事件自动的触发了

　　事件有三个阶段:

　　1.事件捕获阶段:从外向内

　　2.事件目标阶段:最开始选择的那个

　　3.事件冒泡阶段:从里向外

　　为元素绑定事件

　　addEventListener("没有on的事件类型",事件处理函数,控制事件阶段的)

　　事件触发的过程中,可能会出现事件冒泡的效果,为了阻止事件冒泡--->

　　window.event.cancelBubble=true;谷歌,IE8支持,火狐不支持

　　window.event就是一个对象,是IE中的标准

　　e.stopPropagation();阻止事件冒泡---->谷歌和火狐支持

　　window.event和e都是事件参数对象,一个是IE的标准,一个是火狐的标准

　　事件参数e在IE8的浏览器中是不存在,此时用window.event来代替

　　addEventListener中第三个参数是控制事件阶段的

　　事件的阶段有三个:

　　通过e.eventPhase这个属性可以知道当前的事件是什么阶段你的

　　如果这个属性的值是:

　　1---->捕获阶段

　　2---->目标阶段

　　3---->冒泡

　　一般默认都是冒泡阶段,很少用捕获阶段----->冒泡阶段:从里向外

　　冒泡阶段:从里向外

　　捕获阶段:从外向内

　　DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。