关于DOM2级事件的事件捕获和事件冒泡

花一天时间研究完了DOM2级事件中addEventListener的执行机制，作为开山第一帖，和大家讲讲多个addEventListener同时添加时的执行先后规律：如图，大家都知道，W3c的DOM事件触发分为三个阶段：①、事件捕获阶段，即由最顶层元素（一般是从window元素开始，有的浏览器是从document开始，至于其中的差别我稍后会更新）开始，逐次进入dom内部，最

业界 2016年06月20日

js手札--关于事件冒泡与事件捕获

一、冒泡和捕获IE和Netscape不同IE是事件冒泡：click事件触发顺序（div -> body -> html）Netscape是事件捕获：click事件触发顺序（html -> body -> div）操作方法IE： target.attachEvent(eventName, callback) //只能冒泡 target.detachEvent(e

业界 2016年06月23日

关于ie和其它浏览器事件绑定的区别(attachEvent,addEventListener)

非IE浏览器：addEventListener(参数1，参数2，参数3) IE浏览器：attachEvent(参数1，参数2，参数3) 非IE浏览器具有：有捕获和冒泡两种形式，这样可以控制事件的触发规则，是先从子元素触发事件，还是先从父级触发元素。第三个参数默认是false事件，即事件句柄在冒泡阶段执行。 IE浏览器没有事件捕获，只有事件冒泡。 推荐网址：http://ww

业界 2016年07月08日

事件：事件流理解

思考当我们给元素绑定好单击事件，单击这个元素，就会执行相应的代码，但是如果这个元素的父元素、祖先元素都绑定了单击事件，他们会执行吗？他们的执行顺序是什么呢？可以尝试把页面理解为一个二维的平面，想象有一张白纸，我们在这张纸上画下了一层一层的同心圆，当我们用手指按住最内的圆圈时，也按住了纸上所有的同心圆，也按住了整张纸。所以单击事件不仅仅发生在被击中的元素上，换句话说，当我们用

业界 2016年07月21日