(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生。 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本...
分类:
Web程序 时间:
2014-12-24 11:24:30
阅读次数:
148
本课主要来讲解一下jQuery是如何实现它的事件系统的。我们先来看一个问题:如果有一个表格有100个tr元素,每个都要绑定mouseover/mouseout事件,改成事件代理的方式,可以节省99次绑定,更何况它还能监听将来添加的tr元素。这就是jQuery中的live方法。这种机制使用的是事件冒泡...
分类:
其他好文 时间:
2014-12-18 16:51:55
阅读次数:
223
event.preventDefault()阻止默认事件行为的触发。event.stopPropagation()防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数。 1 2 3 4 5 取消form表单提交或a打开的超连接 6 7 23 ...
分类:
Web程序 时间:
2014-12-14 10:33:46
阅读次数:
180
有做过北大青鸟培训讲师经验的我,如今在一家公司做技术部经理的职位,发现有很多程序员的基本功相当糟糕,在组织企业内部培训时讲解了一些案例,总结了一些经典代码,希望对自己和有需要的人提供一些帮助吧:JavaScript版本:DOM0事件不支持委托链 1 2 3 4 5 DOM0事...
分类:
编程语言 时间:
2014-12-14 00:36:19
阅读次数:
455
相信很多对javascript 不熟悉的人 ,对这两个概念很陌生,不知道是什么东西。但我们用js写的没一句代码都离不开他,也就是它们一直是存在的 只是我们不知道而已。首先事件我们都知道是什么意思,说白了就是用户的操作,比如 click mouseover 之类的,这叫做事件。比如有个按钮 我们点击它...
分类:
其他好文 时间:
2014-12-12 13:17:35
阅读次数:
123
先来看个Javascript 事件冒泡的例子. 在div 元素中有一个button,他们都绑定了一个click事件,这是能够产生事件冒泡的前提。当你 单击button的时候,会弹出两个警告框,一个是button的click事件引起的,另一个是div的click事件产生的。 你只单击了button,d...
分类:
编程语言 时间:
2014-12-11 11:57:52
阅读次数:
176
谈起JavaScript的 事件,事件冒泡、事件捕获、阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免。 冒泡篇: 先来看一段实例: js: var $input = document.getElementsByTagName("input")[0]; ...
分类:
编程语言 时间:
2014-12-11 01:27:34
阅读次数:
173
基本要素 ? DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们...
分类:
Web程序 时间:
2014-12-10 21:23:48
阅读次数:
336
e.stopPropagation()阻止事件冒泡 冒泡事件测试 我们先看这段代码: 我们会看到这样的情况:span alert -> td alert -> table alert。这就叫事件冒泡。就是从下到上,从里到外,事件依次触发。有的时候我们不希望事件冒泡咋办? 如果想获得事件相...
分类:
Web程序 时间:
2014-12-09 13:40:04
阅读次数:
136
这又是一个老话题了, 不过最近在详写jQuery事件模拟的时候顺便又回顾了一次,做个记录巩固下吧 当然这里所说的问题都是在旧版本的浏览器中出现的兼容问题,首先从事件流谈起 通常支持事件冒泡(Event Bubbling)的事件类型为鼠标事件和键盘事件,例如:mouseover, mouseout, ...
分类:
其他好文 时间:
2014-12-08 21:01:40
阅读次数:
205