js中的事件委托或是事件代理详解 起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件 ...
分类：
Web程序 时间：
2018-04-19 11:59:37
阅读次数：
206
那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就 ...
分类：
Web程序 时间：
2018-04-19 10:35:19
阅读次数：
206
首先什么是事件委托，一般我们设置事件监听的时候都是在需要触发事件的节点上设置。假设一个nav节点下有几十上百个li标签，就算使用循环绑定都是相当耗费内存，使页面速度下降。为了解决这个问题可以使用事件委托，将事件委托给他们共同的父元素节点ul上，通过事件的冒泡将事件传递到点击节点的父节点ul上，从而触 ...
分类：
Web程序 时间：
2018-04-16 12:09:55
阅读次数：
2313
通过js追加的html 发现 不能点击 执行函数 普通绑定事件：$('.btn1').click(function(){}绑定 事件委托 解决方法： $("body").delegate(".class","click",function(){}); on绑定事件：$(document).on('c ...
分类：
Web程序 时间：
2018-04-15 14:55:26
阅读次数：
239
本文采用的jQuery源码为jquery-3.2.1.js jquery的on方法用来在选定的元素上绑定一个或多个事件处理函数。 当参数selector存在时，通常会用来对已经存在的元素或将来即将添加到文档中的元素做事件委托，表示当点击document中的selector元素时，将触发functio ...
分类：
Web程序 时间：
2018-04-10 19:43:19
阅读次数：
281
事件冒泡：4-7 事件捕获：1-4 https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html ...
分类：
其他好文 时间：
2018-04-07 17:36:53
阅读次数：
144
一、概念理解： 1、事件：HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。比如点击事件、鼠标移入/移出事件等。事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。 2、DOM 事件流：冒泡事件流、捕获事件流。 3、DOM 事件模型：捕获、目标、冒泡。 那什... ...
分类：
编程语言 时间：
2018-04-06 23:55:44
阅读次数：
370
web前端庞大而复杂的知识体系的组成：html、css和 javascript 三.HTML 1、BOM BOM 是 Browser Object Model的缩写，即浏览器对象模型，当一个浏览器页面初始化时，会在内存创建一个全局的对象，用以描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模型 ...
分类：
Web程序 时间：
2018-04-06 20:23:18
阅读次数：
220
导读： 当我们点击一个元素触发该元素上绑定的点击事件时，同时也点击了该元素的父元素以及祖先元素等元素，如果该元素的父元素以及祖先元素等元素也绑定了点击事件，那么它们的执行顺序是怎样的呢？为了解决这个问题，所以有了事件流的概念。 1、事件流 当一个HTML元素产生一个事件时，该事件会在元素节点与根结点 ...
分类：
其他好文 时间：
2018-04-05 01:18:49
阅读次数：
182
JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。 为什么要用事件委 ...
分类：
编程语言 时间：
2018-04-01 19:55:21
阅读次数：
161
