生动详细解释javascript的冒泡跟捕获，包懂包会

2013-12-13

生动详细解释javascript的冒泡和捕获，包懂包会function doSomething(e){　　　　if (!e) var e window.event

生动详细解释javascript的冒泡和捕获，包懂包会

function doSomething(e)

{
　　　　  if (!e) var e = window.event;

         e.cancelBubble = true;

if (e.stopPropagation) e.stopPropagation();

}

在支持cancelBubble属性的浏览器中设置cancelBubble无伤大雅。浏览器会耸一耸肩然后创造一个这个属性。当然这也并不能真正的取消冒泡，但至少能保证这条命令是安全正确的

currentTarget

像我们之前看到的一样，一个事件用target或者是srcElement属性用来表示事件究竟发生在哪个目标元素上（即用户最初点击的元素）。在我们的例子中是元素2，因为我们单击了它。

非常重要的是，要明白在捕获或者冒泡阶段的目标元素是不变的，它始终与元素2相关联。

但是假设我们绑定了以下函数

element1.attachEvent('onclick',doSomething)

element2.attachEvent('onclick',doSomething)

你无法确切知道哪一个HTML元素正在负责处理事件，这是微软事件绑定模型最严重的问题，对我来说，这也是我从不使用它的原因，哪怕是在开发仅供Windows下的IE的应用程序

热点排行

JavaScript