js中事件捕获和事件冒泡

全栈工程师开发手册 (作者:栾鹏)

js系列教程8-事件操作全解

js中事件捕获和事件冒泡

其实不仅在js中,在面向对象的编程语言中或多或少涉及到这个问题。js编程的事件全解,你可以到我的主页,这里给你重点讲一下js中的事件捕获和事件冒泡。

js中事件捕获和事件冒泡_第1张图片

事件捕获和冒泡的定义

上图为网页事件的捕获和冒泡过程。

  • 冒泡型事件:子元素事件会向父元素传递,触发父元素的同类事件。事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
  • 捕获型事件:事件从最外层开始向内层传递,事件从最不精确的对象(document
    对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。jquery不支持事件捕获。
  • DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。

DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。

事件捕获和冒泡的设置

你可能感兴趣的:(js,系列课程,快速学习实战应用)