码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-24 11:14:33      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:就是   body   过程   html   阶段   一点   事件   事件流   事件冒泡   

事件流:

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

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

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

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

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

事件流包括三个阶段:

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

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

标签:就是   body   过程   html   阶段   一点   事件   事件流   事件冒泡   

原文地址:https://www.cnblogs.com/cassia/p/10167303.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!