答案：利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！ 解析： 1、那什么样的事件可以用事件委托，什么样的事件不可以用呢？ 适合用事件委托的事件：click，mousedown，mouseup，keydown，keyup，keypress。 值得注意的是，mouseover 和 mo ...
分类：
Web程序 时间：
2021-06-02 11:20:11
阅读次数：
0
事件捕获 事件捕获中，父级元素先触发，子集元素后触发 事件会从最外层开始，直到具体的元素，比如click的捕获过程document->html->body->div->p 事件冒泡 事件冒泡时，子元素先出发，父级元素后触发 元素自身事件被触发后，如果父元素有相同的事件，那么元素本身的触发状态就会传递 ...
分类：
编程语言 时间：
2021-04-24 13:29:34
阅读次数：
0
原生js取消事件冒泡 try{ e.stopPropagation(); // 非IE浏览器 } catch(e){ window.event.cancelBubble = true; // IE浏览器 } 原生js阻止默认事件 if ( e && e.preventDefault ) { e.pr ...
分类：
其他好文 时间：
2021-04-08 13:55:27
阅读次数：
0
1. 阻止事件冒泡 兼容w3c浏览器 function cBubble(e){ if(e.stopPropagation){ e.stopPropagation();//ie9+ }else{//ie678 e.cancelBubble = true; } } 2.阻止浏览器默认行为 functio ...
分类：
其他好文 时间：
2021-03-30 12:44:55
阅读次数：
0
最近遇到这么个需求：选中编辑器内一段文本，然后点击顶部操作按钮，不想让选中的文字失去选中状态。 实现方式为：阻止编辑器区域外的事件进行事件冒泡。 但是不能直接在onclick上写，因为这个时候事件都冒泡完都到传递的阶段了，你在这个地方防止事件冒泡，晚了。 那就这样写： document.getEle ...
分类：
其他好文 时间：
2020-12-23 12:22:04
阅读次数：
0
Event Bubbling：即指某个事件不仅会触发当前元素，还会以嵌套顺序传递到父元素中。直观而言就是对于某个子元素的点击事件同样会被父元素的点击事件处理器捕获。避免Event Bubbling的方式可以使用event.stopPropagation() 或者 IE 9 以下使用event.can ...
分类：
其他好文 时间：
2020-09-24 20:48:34
阅读次数：
36
1 DOM事件流： 2 事件流描述的是从页面中接受事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个过程即DOM事件流。 3 DOM事件流分为三个阶段： 4 1，捕获阶段 5 2，当前目标阶段 6 3，冒泡阶段 7 事件冒泡：IE最早提出，事件开始是由最具体的元素接收，然后逐级向上传播到 ...
分类：
Web程序 时间：
2020-09-17 15:43:09
阅读次数：
26
事件流之冒泡与捕获： 假如我们在页面上有一个 button 标签。在点击时： 1、事件冒泡： a : button b : body c : document d : window 依次触发 a 、b、c、d 2、事件捕获： a : window b : document c : body d : ...
分类：
其他好文 时间：
2020-08-17 17:20:10
阅读次数：
82
一、事件 1、事件和事件流 HTML和js的交互是通过事件驱动来实现的，事件流描述的就是页面接受事件的顺序，“DOM2级事件”规定的事件流包括三个阶段：（1）事件捕获阶段；（2）处于目标阶段；（3）事件冒泡阶段。 2、绑定事件的两种方式： <script src="jquery-3.1.1.js"> ...
分类：
Web程序 时间：
2020-08-08 21:18:53
阅读次数：
100
事件绑定和事件冒泡 题目 编写一个通用的事件监听函数 描述事件冒泡的流程 无限下拉图片列表，如何监听每个图片的点击 知识点 事件绑定 事件冒泡 事件代理 事件绑定 通过 addEventListener(type, fn) 进行事件绑定，下面为事件绑定函数简单封装 // 通用的事件绑定函数 func ...
分类：
Web程序 时间：
2020-07-26 22:50:51
阅读次数：
75
