起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事 ...
分类:
Web程序 时间:
2020-06-23 01:02:29
阅读次数:
103
// e.stopPropagation(); // 阻止冒泡 e.cancelBubble = true; // 取消冒泡 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co ...
分类:
其他好文 时间:
2020-06-06 15:39:02
阅读次数:
100
# 一、闭包的应用场景1. 事件委托的封装2. 循环中的事件内使用循环每次的计数器3. 计时器的回调函数传参4. 模块化开发5. ...... # 二、原型1. 实例和构造函数(类)的关系 - 实例是类的具象化,由new关键字执行类之后得到的对象 - 类是实例的抽象化,将多个具有共同特点的对象的特点 ...
分类:
其他好文 时间:
2020-06-03 00:50:02
阅读次数:
69
![](https://img2020.cnblogs.com/blog/1968139/202006/1968139-20200601223943011-903574178.png)![](https://img2020.cnblogs.com/blog/1968139/202006/196813... ...
分类:
其他好文 时间:
2020-06-01 23:42:44
阅读次数:
55
事件捕获、事件冒泡 addEventListener:向指定元素添加事件句柄。(第三个参数默认false冒泡阶段,true为捕获阶段) onclick:事件会在元素被点击时发生。(发生在冒泡阶段) 一次点击事件流程如下图 注意: 目标元素不区分捕获阶段和冒泡阶段,按注册顺序执行。 事件执行顺序 与视 ...
分类:
其他好文 时间:
2020-05-28 13:49:41
阅读次数:
60
昨日内容回顾 阻止后续事件发生 # 第一种(常用)return false# 第二种e.preventDefault()# 记form表单触发提交动作的按钮 事件冒泡 # 第一种(常用)return false# 第二种e.stopPropagation() 事件委托 # 针对标签无论是事先写好的还 ...
分类:
Web程序 时间:
2020-05-22 18:58:50
阅读次数:
67
阻止后续事件执行 阻止事件冒泡 事件委托 页面加载 动画效果 补充 ...
分类:
Web程序 时间:
2020-05-21 19:24:10
阅读次数:
58
# 事件1. 默认事件 -系统默认有, 如果不要,阻止 - 通过事件对象阻止 - e.returnValue = false - e.preventDefault() 2. 事件委托 - 将多个子元素的相同事件利用事件冒泡委托给共同的页面现存的父元素,通过事件目标找到真正触发事件的子元素,完成事件处 ...
分类:
其他好文 时间:
2020-05-16 01:01:24
阅读次数:
83
优点: 减少事件注册,节省内存。比如, 在table上代理所有td的click事件。 在ul上代理所有li的click事件。 简化了dom节点更新时,相应事件的更新。比如 不用在新添加的li上绑定click事件。 当删除某个li时,不用移解绑上面的click事件。 缺点: 事件委托基于冒泡,对于不冒 ...
分类:
Web程序 时间:
2020-04-23 23:14:35
阅读次数:
104
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>18_事件绑定与解绑</title> </head> <style type="text/css"> * { margin: 0px; } .out { position: abs ...
分类:
其他好文 时间:
2020-04-14 20:45:33
阅读次数:
67