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

事件与事件流

时间:2019-10-13 17:07:29      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:事件流   接收   str   src   html   点击   阶段   java   交互   

一、什么是事件与事件流

  1、众所周知,HTML与JavaScript的交互是由事件驱动的,我们定义在某个时刻调用某个事件来完成页面的交互。HTML页面就是一个DOM树,当一个元素调用

     一个事件时,该事件会在结点与结点之间传递,而事件流就描述了事件的传递的过程。简言之,事件流就是描述了从页面中接收事件的顺序。

    例如:一个父元素中有一个子元素,给这两个元素绑定一个相同的事件,点击时触发。当点击子元素时实际上也触发了父元素,那么是先外层的父元素触发

    事件还是内层的子元素先触发呢?这就是事件流要处理的。

  2、事件流有两种:事件冒泡流、事件捕获流。(现在主流是事件冒泡流。)

   事件冒泡流:具体触发事件的元素先接收事件,然后向上传导

     技术图片      技术图片

    事件捕获流:与冒泡流相反,最外层先接收到事件

 

  3、事件流有三个阶段:事件捕获阶段---->处于目标阶段---->事件冒泡阶段

  

事件与事件流

标签:事件流   接收   str   src   html   点击   阶段   java   交互   

原文地址:https://www.cnblogs.com/qqinhappyhappy/p/11666922.html

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