开发学院网页设计 JavaScript JavaScript Event学习第八章：事件的顺序阅读

JavaScript Event学习第八章：事件的顺序

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示： 现在如果用户点击了element1或者element2那么doSomething()就会执行，在这如果你愿意也可以阻止他的传播，JavaScript Event学习第八章：事件的顺序(5)，如果不的话，那么defaultFunction()就会执行，但是查找一样浪费时间，在微软模式里你必须讲事件

现在如果用户点击了element1或者element2那么doSomething()就会执行。在这如果你愿意也可以阻止他的传播。如果不的话，那么defaultFunction()就会执行。用户在其他地方的点击也会让defaultFunction()执行。有时候这可能有用。

设置全局的事件处理程序在写拖动代码的时候就很有必要。通常一个层上的mousedow事件会选择这个层然后对mousemove事件做出回应。虽然 mousedown通常注册在这个层上来避免一些浏览器的bug，但是其他的事件处理程序都必须是全局的（document-wide）。

记住浏览器逻辑的第一定律：什么都会发生的，而且经常是在你做的准备最少的时候。可能发生的是用户的鼠标疯狂的移动然后代码没有跟上导致鼠标已经不再这个层上了。

* 如果在某个层上注册了onmousemove事件处理程序，如果这个层不再响应鼠标的移动了，那么肯定会让用户感到迷惑。

* 如果某个曾上注册了onmouseup事件处理程序，那么程序会在用户松开鼠标的时候程序没有捕捉到造成这个层还在随着鼠标移动。

在这种情况下事件冒泡就很重要，因为全局的事件处理程序会保证执行的。

关掉它

但是通常你想关闭所有的相关的捕获和冒泡。另外，如果你的文档结构非常的复杂（比如一大堆复杂的表格之类）你也需要关闭冒泡来节省系统资源。要不然浏览器就得一个个的查看父元素是否有事件处理程序。虽然可能一个都没有，但是查找一样浪费时间。

在微软模式里你必须讲事件的cancelBubble属性设置为true。

window.event.cancelBubble = true

在W3C模式中你必须调用stopPropagation()方法。

1　e.stopPropagation()<br>