本节要点：1.干预系统的事件处理机制（一）DOM事件流 （二）停止事件冒泡 （三）阻止事件的默认行为 1.干预系统的事件处理机制 （一）DOM事件流 DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的 ...
分类：
编程语言 时间：
2016-11-18 21:41:47
阅读次数：
240
以前写上图所示的鼠标点击触发事件，一般都是用如下所示的给每一个表示列表的标签绑定一个click事件（演示用的例子的框架是React）： 毫无疑问，这样是比较繁琐的，以后维护修改改个函数名什么的还不方便（当然sublime还是有ctrl+d的么= =），水平提高一点的写法如下： 但是，实际上还是为每一 ...
分类：
Web程序 时间：
2016-11-18 18:15:00
阅读次数：
256
1、事件冒泡，阻止事件冒泡 2、Jquery:append()、prepend()、remove()、each():选择器选择集合、$(this).parent()... 3、 所有的事件绑定（.click, .mouseover, .hover 等等）都是委托给更底层的 .on 方法的，通过查看其 ...
分类：
其他好文 时间：
2016-11-18 11:54:21
阅读次数：
162
# 事件 > JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间，通过监听特定事件的发生，你能响应相关的操作。**图片引用：UI Events** # 事件流 主要是当时的IE团队提出的事件流逝是事件冒泡流，而Netscape提出的是事件捕 ...
分类：
编程语言 时间：
2016-11-16 22:28:00
阅读次数：
352
JS中的事件处理（事件绑定）就是让某种或某些事件触发某些活动。有两种常见的形式，分别是DOM Level 0 和DOM Level 2。这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡，而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获。 DOM 0级事件处理一 ...
分类：
Web程序 时间：
2016-11-16 11:52:55
阅读次数：
168
1.取消事件冒泡 效果如下 没有取消事件冒泡的情况下点击小div会继续弹出"点了大箱子"的提示 取消后就不会了 =_= 2.取消后续内容执行 这样的代码 点击上面的"去百度"按钮 并不会跳转页面 因为取消了后续的事件 3.闭包函数 函数内在包含子函数，并最终return子函数。 闭包函数有什么用？ ...
分类：
Web程序 时间：
2016-11-11 12:01:51
阅读次数：
266
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候我们就要 ...
分类：
Web程序 时间：
2016-11-10 19:08:02
阅读次数：
213
一：事件冒泡的意思是：一个大的容器已经设置了事件，如果这个容器里还包容着一个小的容器也设置了自己的事件，那么因为小容器是在大容器里面的，触发小容器的事件同时也等于触发了大容器的事件，有时这并不是我们想要的结果，我们可以通过能力检测来阻止事件冒泡如： <script type="text/javasc ...
分类：
其他好文 时间：
2016-11-10 16:38:03
阅读次数：
155
1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。 2.冒泡机制 什么是冒泡呢？ 下面这个图片大 ...
分类：
编程语言 时间：
2016-11-10 11:46:18
阅读次数：
359
