在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的冒泡事件触发机制,所以会触发你不想触发的事件,那么通过如下的函数可以解决这个问题(兼容IE和FF)。 1、阻止事件冒泡,使其成为捕获型事件触发机制 function stopBubble(e){ if(e ...
分类:
编程语言 时间:
2016-10-18 13:47:59
阅读次数:
186
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> ...
分类:
Web程序 时间:
2016-10-16 16:12:54
阅读次数:
194
事件流是用来解释页面上的不同元素接受一个事件的顺序,首先要明确两点: 1.一个事件的影响元素可能不止一个(同心圆理论),但目标元素只有一个。 2.如果这些元素都绑定了相同名称的事件函数,我们怎么知道这些函数的运行顺序?于是有了事件流的概念(事件捕捉,事件冒泡) 举个例子: ...
分类:
其他好文 时间:
2016-10-15 22:31:51
阅读次数:
105
DOM 事件深入浅出(二) 在DOM事件深入浅出(一)中,我主要给大家讲解了不同DOM级别下的事件处理程序,同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点,主要侧重于DOM事件中Event对象的属性和方法。 那么什么是DOM事件中Event对象呢?事件对象(event ...
分类:
其他好文 时间:
2016-10-12 22:39:38
阅读次数:
166
在DOM事件深入浅出(一)中,我主要给大家讲解了不同DOM级别下的事件处理程序,同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点,主要侧重于DOM事件中Event对象的属性和方法。 那么什么是DOM事件中Event对象呢?事件对象(event object)指的是与特定事 ...
分类:
其他好文 时间:
2016-10-12 22:09:53
阅读次数:
181
在使用JS事件的时候,外层元素事件有可能被里层元素的事件触发,例如点击里层元素外层也触发了点击,这种现象称为事件冒泡。 效果如图,白色是里层元素div,蓝色是外层元素div: 当点击白色区域是,出现两次提示,这说明里层div点击触发了,外层div的点击事件也触发了,这就出现了事件冒泡: 阻止时间冒泡 ...
分类:
Web程序 时间:
2016-10-12 13:48:40
阅读次数:
132
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!一、什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个 ...
分类:
Web程序 时间:
2016-10-10 01:49:27
阅读次数:
190
preventDefault: preventDefault它是事件对象(Event)的一个方法,作用是取消一个目标元素的默认行为。既然是说默认行为,当然是元素必须有默认行为才能被取消,如果元素本身就没有默认行为,调用当然就无效了。什么元素有默认行为呢?如链接<a>,提交按钮<input type= ...
分类:
Web程序 时间:
2016-10-09 00:04:52
阅读次数:
228
JavaScript事件【event】在JavaScript中对于事件来讲,首先,我们需要了解这样几个概念:事件;事件处理程序;事件类型;事件流;事件冒泡;事件捕获;事件对象;浏览器内核;事件绑定;事件方面的性能优化(事件委托、移除事件处理程序);常见的浏览器兼容问题等。什么是事件..
分类:
编程语言 时间:
2016-10-08 02:47:30
阅读次数:
401
JS 事件模型:事件流事件流意味着页面不止一个元素可以响应相同的事件。事件冒泡事件冒泡是从里到外,且 IE 低版本和标准浏览器(Dom 浏览器中)不一样:低版本 IE:div ——> body ——> document标准浏览器:div ——> body ——>html ——> document — ...
分类:
Web程序 时间:
2016-10-07 23:36:53
阅读次数:
236