文档章节

了解事件流

g
 gethub_sl
发布于 2016/06/13 15:14
字数 324
阅读 16
收藏 0

 一个事件在它的生命周期中要经历3个阶段:捕获、处理目标元素和冒泡

捕获:

但事件发生时,浏览器首先要找出是哪个元素触发了这个事件,这个元素又称为时间的目标元素(target)。浏览器会询问body元素与目标元素之间的所有元素,挨个检查它们是否定义有事件处理函数。在执行目标元素的事件处理函数之前,浏览器会先执行祖先元素绑定的事件处理函数。

处理目标元素:

这是3个阶段中最简单的一个。当捕获阶段完成,浏览器会触发执行绑定在目标元素该事件上的所有侦听函数。

冒泡:

处理完目标元素完成之后,浏览器开始向着body元素方向上行检查每个祖先元素(冒泡)浏览器会一个个询问这些元素是否绑定非捕获事件,因为不是所有旳事件都支持冒泡。我们可以检查事件的bubbles属性来查看事件是否支持冒泡。如果该属性值为true,则表示该事件支持冒泡,否则就不支持。

© 著作权归作者所有

共有 人打赏支持
g
粉丝 0
博文 22
码字总数 4460
作品 0
杭州
程序员
JavaSE和JavaEE的起步学习路线

Java javaSE部分 1)能够掌握DOS系统常用基本命令; 2)熟练使用eclipse编写java代码; 3)掌握常用数据结构和算法; 4)掌握常用的编程设计模式; 5)熟练使用java语言的常用对象; 6)使用java编...

Jasonisoft
2016/05/18
0
0
Node.js流,这样的打开方式对不对!

Node.js流,这样的打开方式对不对! 俗话说的好:“人往高处走,水往低处流”;古语有云:“落花有意,流水无情”。()哎呀🤣,各位大佬,这点小事用不着惊动二营长的意大利炮了吧,进错频...

亦曾执着过不后悔
08/20
0
0
CUDA实践指南(八)

优化CUDA应用程序: 在每轮应用程序并行化完成后,开发人员可以转向优化实施以提高性能。 由于可以考虑许多可能的优化,对应用程序的需求有充分的了解可以帮助尽可能平滑地实现流程。 但是,...

night李
02/28
0
0
Android RxJava:这是一份RxJava使用入门学习指南

前言 由于其基于事件流的链式调用、逻辑简洁 & 使用简单的特点,深受各大 开发者的欢迎。 如果还不了解RxJava,请看文章:Android:这是一篇 清晰 & 易懂的Rxjava 入门教程 今天,我将为初学...

Carson_Ho
06/09
0
0
面试整理之DOM事件阶段

本文主要解决的问题: 事件流 DOM事件流的三个阶段 先理解流的概念 在现今的JavaScript中随处可见。比如说React中的单向数据流,Node中的流,又或是今天本文所讲的DOM事件流。都是流的一种生...

刘星石
2016/03/29
8
0

没有更多内容

加载失败,请刷新页面

加载更多

区块链教程以太坊源码分析core-state源码分析(一)

兄弟连区块链教程以太坊源码分析core-state源码分析,core/state 包主要为以太坊的state trie提供了一层缓存层(cache) database主要提供了trie树的抽象,提供trie树的缓存和合约代码长度的缓...

兄弟连区块链入门教程
4分钟前
0
0
使用putty上传文件

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :: 使用putty上传文件 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::linux 用户名 set linux_us......

shzwork
5分钟前
0
0
摹客首家发布Adobe XD插件

10月19日,摹客iDoc发布了支持Adobe XD的插件,这是中国国内首款基于Adobe XD 正式API的插件。 设计师在Adobe XD 中安装并使用此插件,可以将设计稿上传到摹客iDoc,并使用iDoc的全部协作设计...

mo311
6分钟前
0
0
MetInfo最新网站漏洞如何修复以及网站安全防护

metinfo漏洞于2018年10月20号被爆出存在sql注入漏洞,可以直接拿到网站管理员的权限,网站漏洞影响范围较广,包括目前最新的metinfo版本都会受到该漏洞的攻击,该metinfo漏洞产生的主要原因是...

网站安全
6分钟前
0
0
git统计代码行数

$ npm install -g cloc$ cloc . 2193 text files. 1533 unique files. 760 files ignored.github.com/AlDanial/cloc v 1.78 ......

moon888
6分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部