一. 事件 事件的三个阶段：事件捕获 -> 事件目标 -> 事件冒泡 捕获阶段：先由文档的根节点document往事件触发对象，从外向内捕获事件对象； 目标阶段：到达目标事件位置（事发地），触发事件； 冒泡阶段：再从目标事件位置往文档的根节点方向回溯，从内向外冒泡事件对象 事件捕获：事件发生时首先发 ...
分类：
Web程序 时间：
2020-02-11 17:43:54
阅读次数：
87
我们同时在三个div上绑定了事件，现在三个div存在嵌套的关系，当我们点击最里层的div的时候，就会触发相关的事件冒泡，外边的两个父类div的事件都会被触发，这就是事件冒泡（先触发自己的事件，然后依次向父级） 我们同时也在三个div上绑定了事件，它们存在嵌套关系，现在我们点击最里边的事件，就会触发捕 ...
分类：
其他好文 时间：
2019-12-01 19:04:10
阅读次数：
85
事件绑定，移除，事件冒泡/捕获/委托<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding: 0;margin: 0;} #container,#co ...
分类：
其他好文 时间：
2019-05-24 23:50:25
阅读次数：
140
作为一个转行刚到公司的新人，任务不多，这一周任务全部消灭，闲暇的一天也别闲着，悄悄的看起了书。今天写一下JS的事件冒泡、捕获。 也是今天看的内容有点多了，有些消化不了，就随手记录一下。纯属自我理解，如果有不对，还请指导提出，小弟一定改正。 好了，话不多说。那么事件冒泡是什么？ 举个例子 ul > l ...
分类：
Web程序 时间：
2018-07-16 18:02:17
阅读次数：
198
(一)事件处理模型 事件冒泡、捕获 (1)事件冒泡 如下：点击蓝色区域，三个div都会相应click事件 (2)事件捕获 点击蓝色区域，会先父级元素捕获到，然后在子元素； (3)触发顺序：先捕获 后冒泡 ...
分类：
编程语言 时间：
2017-12-10 16:57:11
阅读次数：
167
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="traceur.js"></script> <script src="BrowserSystem.js"> ...
分类：
其他好文 时间：
2017-06-30 15:41:25
阅读次数：
130
本节要点：1.干预系统的事件处理机制（一）DOM事件流 （二）停止事件冒泡 （三）阻止事件的默认行为 1.干预系统的事件处理机制 （一）DOM事件流 DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的 ...
分类：
编程语言 时间：
2016-11-18 21:41:47
阅读次数：
240
本文主要解决两个问题：
什么是事件流
DOM事件流的三个阶段
起因
温故了一下我的《JavaScript高级程序设计》的时候，翻到DOM事件那一章，（说实话，现在无论是什么框架你都离不开操作DOM啊，毕竟这是你展示的最基本元素，就像人的细胞）。想起了dom事件流原理，好多人不明白，只知道click mouseout等实用场景，真要理解和更进一步的前端是要...
分类：
其他好文 时间：
2016-04-12 17:38:06
阅读次数：
171
如何判断在html中图片加载完毕呢？ 给img图片加onload事件呗。 如何判断一个界面中所有的图片加载完毕呢？ 给所有的图片加上onload事件呗。 如果有1000张图片那要怎么绑定事件呢？ 我们用事件冒泡捕获， JS中神奇的事件冒泡捕获， 而且只要给父节点绑定一个事件就好了；（但...
分类：
其他好文 时间：
2015-11-12 01:19:41
阅读次数：
399
1.事件冒泡与事件捕获2.事件与事件句柄3.事件委托：利用事件的冒泡技术。子元素的事件最终会冒泡到父元素直到跟节点。事件监听会分析从子元素冒泡上来的事件。事件委托的好处： 1.每个函数都是对象，都会占用内存，内存中对象越多，性能越差。 2.必须事先指定所有事件处理程序而导致的DOM访问次数，会延.....
分类：
编程语言 时间：
2015-10-14 21:46:18
阅读次数：
168
