大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... + github：https://github.com/Daotin/Web 微信公众号： "Web前端之巅" 博客园：http://www.cnblogs.com/lvonve/ CSDN：https://blo ...
分类：
Web程序 时间：
2018-06-23 19:16:11
阅读次数：
184
一、前言 事件的绑定触发有很多种方法，我们如何选择呢？ 很多时候，我们会使用鼠标事件，但是鼠标事件只能在PC设备上使用，当我们需要对不同设备兼容时怎么办呢？ 二、正文 1. 事件的几个概念： 事件流：描述的是在页面中接受事件的顺序； 事件冒泡：由最具体的元素接收（当前节点），然后逐级向上传播至最不具 ...
分类：
Web程序 时间：
2018-06-11 02:04:00
阅读次数：
267
1.事件流概念 描述的是从页面中接收事件的顺序 包含事件捕获阶段，处于目标阶段，事件冒泡阶段 2.绑定事件 语法 示例：每个标签被点击的时候，弹出其文本 3.解绑事件 示例：将段落的click事件取消绑定 4.自定义事件 详见小马哥博客 ...
分类：
Web程序 时间：
2018-06-09 23:21:53
阅读次数：
258
JS部分： JS是如何实现继承的？ object的prototype是什么？（接上一个问题） JS如何实现数据以及功能的封装。（即类是如何实现的） 如果一个标签里面包含了10000个image，如何有效地对这10000个image实现事件绑定，比如说click事件。（考察事件冒泡机制） 假设现在有对 ...
分类：
其他好文 时间：
2018-06-09 16:45:24
阅读次数：
161
js 冒泡 需求场景 点击card有link跳转，card里面又包含别的link跳转。 代码如下： 这时会发现不管是点击card里面的button还是link最终触发的都是最外层card的newLink1. 知识点 1. window.open([URL], [窗口名称], [参数字符串]) ：可选 ...
分类：
Web程序 时间：
2018-06-09 14:36:47
阅读次数：
140
一、前言 在编写页面的时候，我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。如果弹出层都没有较好的体验，那何谈通过交互来提升好感。。。 首先提出几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设 ...
分类：
Web程序 时间：
2018-06-08 19:21:09
阅读次数：
201
事件委托就是利用事件冒泡原理，把处理任务委托给父元素或者祖先元素（通常用父元素），我们通过目标对象来判断事件源，并执行事件处理。 jQuery实现事件委托可以调用on()方法，这样写： 1 $(el).on( events [, selector ] [, data ], handler(event ...
分类：
其他好文 时间：
2018-06-07 17:46:40
阅读次数：
117
事件委托主要用于一个父容器下面有很多功能相仿的子容器，这时候就需要将子容器的事件监听交给父容器来做。父容器之所以能够帮子容器监听其原理是事件冒泡，对于子容器的点击在冒泡时会被父容器捕获到，然后用e.target来判断到底是哪个子容器触发了事件 示例代码： 点击第二个li，console输出<li>2 ...
分类：
Web程序 时间：
2018-06-04 00:57:36
阅读次数：
261
概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰 ...
分类：
Web程序 时间：
2018-06-03 21:46:20
阅读次数：
224
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset, touches。 cancel 事件的使用方式 catchtap不会冒泡，仅在 ...
分类：
其他好文 时间：
2018-05-31 11:31:43
阅读次数：
117
