javascript事件流

javascript事件流

js事件流简介：

js事件流是指页面中元素（通常是指子元素和父元素之间）接收事件的顺序。接收的顺序不同则所对应的事件流也就相应的不同。元素接收事件顺序不同是指，<div><span></span></div>当点击span时是div先触发点击事件还是span先触发点击事件。

事件冒泡流:

以上面的例子为例事件冒泡流先触发点击事件的是span，然后往父元素一层一层往外冒泡，直到document触发点击事件。（代表是ie浏览器）

事件捕获流：

以上面的例子为例事件捕获流是指先触发事件的是document然后一层一层更加接近目标元素，直到目标元素触发点击事件，（好处是在目标元素触发事件时拦截事件，代表是netscape浏览器）

DOM2级事件：

它分为三个阶段事件捕获阶段、处于目标阶段和事件冒泡阶段。

经验：

现在在项目中用得最多的是事件冒泡流