一、事件流（捕获，冒泡） 事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段，如图： 假如我们点击一个div, ...
分类：
Web程序 时间：
2016-07-12 21:13:48
阅读次数：
340
意思就是：手动触发事件。 我的理解是：类似于jquery中的trigger方法，可以在点击某个dom的时候，触发另一个dom的事件，下面一个我自己尝试的例子： 页面运行出布局为： 上面代码中可以看出，我们为dom1绑定了“click”事件，为dom2绑定了trigger事件，在dom1中的“clic ...
分类：
其他好文 时间：
2016-07-08 19:43:07
阅读次数：
174
事件模型 JavaScript事件使得网页具备互动和交互性，我们应该对其深入了解以便开发工作，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型、DOM2事件模型、IE事件模型。 1.原始事件模型（DOM0级） 这是一种被所有浏览器都支持的事件模型，对于原始事件而言，没有事 ...
分类：
编程语言 时间：
2016-07-07 11:02:46
阅读次数：
191
在研究代码时发现类似这样一段代码： 最初对于第5行不是很理解，为什么可以传一个this作为参数，并且最终还成功地执行了alert方法，毕竟this是一个构造函数而非具体的方法。 后来查阅了相关文档，发现关键之处在于handleEvent这个函数，该函数原本就存在于《DOM2级事件规范》中： 这个接口 ...
分类：
其他好文 时间：
2016-07-02 17:22:41
阅读次数：
145
js中关于DOM的操作很多，因此js事件机制也就尤为重要。 事件绑定形式： 一. 内联形式 耦合度高，不利于维护 点击这个按钮 二. 属性绑定（DOM0级事件） 只能绑定一个函数 button.onclick = function() {}; 三. 事件监听函数（DOM2级事件） element.a... ...
分类：
Web程序 时间：
2016-06-16 21:40:46
阅读次数：
282
1） html事件处理： <div onclick = zdh()></div> 2) dom0 dom元素.onclick = function zdh(){}; 3) dom2 : 3个参数 dom元素.addEventListener(事件类型 , 回调函数, true ); dom元素.ad ...
分类：
其他好文 时间：
2016-06-06 20:33:46
阅读次数：
101
转自：http://www.cnblogs.com/micromouse/archive/2010/04/26/1721618.html W3C DOM2样式规则 CSSStyleSheet对象 CSSStyleSheet对象表示的是所有CSS样式表，包括外部样式表和使用<style type="t ...
分类：
其他好文 时间：
2016-06-06 19:03:41
阅读次数：
160
js事件处理程序一般有三种： 1、HTML事件处理程序 这种事件方式一般不推荐，变更事件麻烦。 2、DOM0级处理程序 这里可以 = 一个匿名函数，也可以是已声明函数。 DOM0级处理程序的清空：element.onclick = null; 3、DOM2级处理程序 DOM2级处理程序定义了事件添加 ...
分类：
Web程序 时间：
2016-06-05 13:54:47
阅读次数：
239
事件处理分为DOM0,DOM2,DOM3事件。 DOM0就是直接通过 onclick写在html里面的事件, 比如:<input onclick="alert(1)" />，或者通过获取id的方式在js中直接添加onclick，比如document.getElementById("id").oncl ...
分类：
其他好文 时间：
2016-05-29 18:31:37
阅读次数：
126
在一些情况下，我们必须阻止冒泡，或者是要阻止浏览器的默认事件，方便操作，简单代码如下： 阻止冒泡： function stopBubble(ev) { if(ev&&ev.stopPropagation);//非IE下，DOM2 { e.stopPropagation(); } else { win ...
分类：
Web程序 时间：
2016-05-23 14:57:31
阅读次数：
174
