1.事件流 浏览器开发团队遇到一个很有意思问题：页面的那一部分会拥有特定的事件？ 对于理解这个问题您可以想象画在一张纸上的一组同心圆，如果你把手指放在圆心上，那么你的手指指向的其实不是一个圆，而是纸上所有的圆。放到实际页面中就是，你点击一个按钮，而是纸上所有的圆。 <栗子：现实生活中的声波、水波> ...
分类：
编程语言 时间：
2016-04-13 17:08:14
阅读次数：
305
javascript事件详解笔记：一、事件流1、事件流：描述的是页面中接受事件的顺序,有事件冒泡、事件捕获两种。2、事件冒泡：由最具体的元素接收，然后逐级向上传播到最不具体的元素的节点（文档）。3、事件捕获：最不具体的节点先接收事件，而最具体的节点应该是最后接收事件。<..
分类：
编程语言 时间：
2016-04-13 00:28:14
阅读次数：
256
本文主要解决两个问题：
什么是事件流
DOM事件流的三个阶段
起因
温故了一下我的《JavaScript高级程序设计》的时候，翻到DOM事件那一章，（说实话，现在无论是什么框架你都离不开操作DOM啊，毕竟这是你展示的最基本元素，就像人的细胞）。想起了dom事件流原理，好多人不明白，只知道click mouseout等实用场景，真要理解和更进一步的前端是要...
分类：
其他好文 时间：
2016-04-12 17:38:06
阅读次数：
171
目录
一、DOM0级事件处理
二、事件冒泡与事件捕获
三、DOM2级事件处理
四、IE事件处理程序及跨浏览器支持
五、事件对象
一、DOM0级事件处理事件，由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键，按下键盘某个按键，某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”，事件发生时便执行相...
分类：
编程语言 时间：
2016-04-12 16:01:17
阅读次数：
280
事件冒泡，举个列子： 当你点击a的时候，会先弹出‘点击了a’，再弹出‘点击了li’，最后跳转到百度。简单理解就是先执行子元素的事件，再执行父元素的事件，跟事件捕获相反。 有些时候，我们不希望发生父元素的事件，只发生子元素的事件，这时候就需要阻止事件冒泡。有一下几个方法，分别分析一下： 1、event ...
分类：
Web程序 时间：
2016-04-12 01:55:07
阅读次数：
616
jQuery中的bind() live() delegate()之间区别分析 首先，你得要了解我们的事件冒泡（事件传播）的概念，我先看一张图 1.bind方式 解析：这种方式最简单，jq扫描文档找出所有的a，让将函数绑定到每个元素的click事件上 2.live方式 解析：jq将函数绑定到$(doc ...
分类：
Web程序 时间：
2016-04-10 21:28:02
阅读次数：
339
一、什么是事件冒泡 事件是用于触发js代码的某种状态或行为，是html实现与js交互的桥梁。事件必须被安装在某个对象上，比如浏览器或文档中的元素，否则事件就无法存在。设想如果不把click（）或mousemove（）这样的事件绑定到某个对象（事件目标event target）上，那么无论鼠标怎么点怎 ...
分类：
其他好文 时间：
2016-04-09 23:15:49
阅读次数：
369
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> ...
分类：
Web程序 时间：
2016-04-09 13:45:15
阅读次数：
149
事情的起因是这样的，下面我们娓娓道来！ 公司官网上要求点击每个新闻模块有下面的交互 有一个遮罩层从底部出来。 html代码如下： .news-list是每个带logo的新闻模块 .news-desc-wrap是从下面而来的遮罩层 我的第一次的js代码是这样的： 对于.news-list-expand ...
分类：
其他好文 时间：
2016-04-06 15:14:50
阅读次数：
126
http://codepen.io/huashiyiqike/pen/qZVdag addEventListener 默认是冒泡阶段执行，也就是父亲与子都监听时，点击子，子先处理，父亲再处理，这时加stopPropagation()可以阻止父亲的处理事件。设置true反过来,这事加了stopProp ...
分类：
Web程序 时间：
2016-04-04 22:56:22
阅读次数：
413
