【事件流】事件冒泡和事件捕获

事件流:

  通俗的说就是:元素触发时,传播的过程。
 

冒泡型事件流:事件的传播是从最具体的事件目标到最不具体的事件目标。即从DOM树的叶子到根。

       <div>—》<body>—》<html>—》document
 

捕获型事件流:事件的传播是从最不具体的事件目标到最具体的事件目标。即从DOM树的根到叶子。

       document—》<html>—》<body>—》<div>
 

事件流包括三个阶段:

事件捕获阶段:实际目标(<div>)在捕获阶段不会接收事件。也就是在捕获阶段,事件从document到<html>再到<body>就停止了。
处于目标阶段:事件在<div>上发生并处理。但是事件处理会被看成是冒泡阶段的一部分。(这一点要注意一下哈!)
冒泡阶段:事件又传播回文档。
 
 

猜你喜欢

转载自www.cnblogs.com/cassia/p/10167303.html