大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... github：https://github.com/Daotin/Web 微信公众号： "Web前端之巅" 博客园：http://www.cnblogs.com/lvonve/ CSDN：https://blog. ...
分类：
Web程序 时间：
2018-07-12 18:07:30
阅读次数：
214
1. 事件委托定义 事件委托指的是不在事件的发生地（直接DOM）上设置监听函数，而是在其父元素上设置监听函数，通过事件冒泡，父元素可以监听到被触发的子元素事件，通过判断事件发生元素DOM的类型，来作出不同的响应。当子元素有很多时，使用事件委托可以避免对特定的每个节点添加事件监听器，事件监听被添加到它 ...
分类：
其他好文 时间：
2018-07-11 15:02:51
阅读次数：
148
什么是事件？ 事件是文档和浏览器窗口中发生的特定的交互瞬间。 事件是javascript应用跳动的心脏，也是把所有东西黏在一起的胶水，当我们与浏览器中web页面进行某些类型的交互时，事件就发生了。 事件可能是用户在某些内容上的点击，鼠标经过某个特定元素或按下键盘上的某些按键，事件还可能是web浏览器 ...
分类：
Web程序 时间：
2018-07-09 23:20:03
阅读次数：
238
事件冒泡 当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理这个事件，事件必须从这个按钮传播出去，从而到达 ...
分类：
其他好文 时间：
2018-07-08 23:15:21
阅读次数：
197
今天在写个组件，大致代码是这样的： 下面是该组件的业务应用场景： 运行代码，明明点击了一次，switch组件的handlerChange执行了一次，但是App的onChange执行了2次！！！ 最后发现，原来是input的onChange事件向上冒泡，冒到了span.wrapper上，而我在 中并未 ...
分类：
其他好文 时间：
2018-07-04 18:44:15
阅读次数：
672
事件委托是指利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，例如公司所有同事都委托前台领取快递，这样就只需要一个人收快递并负责转交给同事，而不用所有人都带公司门口去收快递。 在下面的例子中，包含了4个被单击后会执行操作的input框，按照传统做法，需要逐一添加事件处理程序 如果在 ...
分类：
其他好文 时间：
2018-07-03 21:41:42
阅读次数：
178
事件流描述的是从页面中接收事件的顺序，IE的事件流是事件冒泡流，而NetScape Communicator的事件流是事件捕获流。 事件冒泡 IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。如果单击了页面中的div元素，那这个click事件会按照div- ...
分类：
其他好文 时间：
2018-07-02 21:29:34
阅读次数：
172
概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰 ...
分类：
其他好文 时间：
2018-07-02 18:47:13
阅读次数：
142
阻止事件冒泡： 取消事件默认行为： 阻止键盘输入 在浏览网页的时候，键盘有很多快捷操作，如按空格键滚屏 F5刷新，但是我们有时候需要禁用这些功能怎么办呢？在浏览器开始调用动作前禁止掉 实用例子：土豆 迅雷在线视频的播放页面 你在播放页面时候按空格键是不会滚屏的，但是在写评论的时候可以使用空格键（PS ...
分类：
其他好文 时间：
2018-06-26 22:39:49
阅读次数：
312
事件委托：当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制。 例如： <ul id="ul1"> var oUl = document.getElementById("ul1"); <li>111</li> va ...
分类：
其他好文 时间：
2018-06-25 16:59:29
阅读次数：
229
