js的事件流

js 单凯奇
文章标签: js事件流

js事件流分为三个阶段

捕获阶段

最早由网景公司提出,从window对象逐级向事件源对象传播。

比如我们写了以下代码

image.png

当我们点击按钮时

image.png

他的打印是这样的

image.png

由此可见,捕获阶段就是由window先点击源进行传播的

还有就是目标阶段:

到达捕获的目标时,如果事件不指定冒泡,则事件对象将在此阶段完成后停止。

冒泡阶段

最早由IE提出,事件流从目标对象,逐级传播到window对象的过程

我们也还是相同的代码

image.png然而结果就是和捕获阶段的是相反的

image.png

他是由点击的事件对象逐级向window进行传播

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :