简述事件捕获和事件冒泡

简述事件捕获和事件冒泡

首先要了解什么是事件流

事件流描述的是从页面中接受事件的顺序

Javascript有两种事件流概念

第一种:事件冒泡

当给父子元素绑定事件,触发子元素身上的事件,执行完毕之后,也会触发父级元素相同的事件,这种机制叫事件冒泡。即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。原理是从下到上:简述事件捕获和事件冒泡_第1张图片

第二种:事件捕获

给父子元素事件时,当触发子元素身上的事件时,先触发父元素,然后在传递给子元素,这种传播机制叫事件捕获。即事件开始时是不太具体的DOM节点先接收到事件,而最具体的节点最后接收到事件。原理是由上到下:简述事件捕获和事件冒泡_第2张图片
-------如有错误的地方希望大神们可以指出,感谢!!!

你可能感兴趣的:(简述事件捕获和事件冒泡)