一、事件冒泡 事件冒泡是指在事件发生过程中先从目标节点开始执行,并一层一层的相父节点依次查询直到document,并执行相同事件的过程。 这样的写法,当你点击btn1的时候,先弹出“你点击了btn1”,然后弹出“你点击了div1”; 二、事件捕获 事件捕获就是在事件发生过程中,先从document开 ...
分类:
Web程序 时间:
2017-08-19 21:12:58
阅读次数:
161
事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为。 不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏览器,但是不支持IE浏览器。相反cancelBubble不符合W3C标准,而且只支持IE浏览器。所以 ...
分类:
其他好文 时间:
2017-08-19 15:48:58
阅读次数:
136
事件冒泡 一.事件流概念 流是一种生动体现。用术语说流是对输入输出设备的抽象。以程序的角度说,流是具有方向的数据。 事件流分事件冒泡与事件捕获 在浏览器发展的过程中,开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件? 可以想象画在一张纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指 ...
分类:
其他好文 时间:
2017-08-17 14:36:46
阅读次数:
139
addEventListener,removeEventListener addEventListener()接受三个参数。 第一个是事件类型,如click,keypress,主意没有on,并且全是小写。 第二个是处理函数,有一个event参数,event包括type,target等等属性。 第三个 ...
分类:
Web程序 时间:
2017-08-15 23:01:12
阅读次数:
319
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> ...
分类:
Web程序 时间:
2017-08-15 21:50:55
阅读次数:
277
1.事件冒泡: 2.获取某个元素的CSS属性值: ...
分类:
编程语言 时间:
2017-08-14 20:13:06
阅读次数:
133
监听事件 v-on 指令监听DOM 事件触发一些JavaScript 方法事件处理器 事件处理的逻辑很复杂,直接把JavaScript 代码写在v-on 指令中是不可行的。因此,v-on 可以接收一个定义的方法调用。 內联处理器方法 事件修饰符 .stop 阻止事件冒泡 .prevent 提交时间不 ...
分类:
其他好文 时间:
2017-08-14 00:42:30
阅读次数:
117
//功能:停止事件冒泡 function stopBubble(e) { if ( e && e.stopPropagation ) { e.stopPropagation(); } else { // ie old window.event.cancelBubble = true; } } //功... ...
分类:
编程语言 时间:
2017-08-12 18:12:50
阅读次数:
133
1、如果WINDOW对象是常规HTML页面,TOP就是SELF var top = document.getElementById('top'); top.innerHTML //undefined 2、ev.stopPropagation(); //阻止事件冒泡 li.onmouseout = f ...
分类:
编程语言 时间:
2017-08-11 12:20:16
阅读次数:
223
一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了 ...
分类:
编程语言 时间:
2017-08-09 18:08:57
阅读次数:
153