阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
在JavaScript事件处理机制中，事件冒泡传递是一个重要的概念。当一个元素触发某个事件时，该事件就会沿着DOM树向上传递，直到到达文档的根元素为止。这期间，事件可以被捕捉和处理。然而，有时候我们需要阻止这种事件冒泡传递，以避免某些不必要的事件处理。为此，JavaScript提供了两个方法：cancelBubble和stopPropagation。
cancelBubble方法是IE浏览器独有的方法，它可以阻止事件冒泡传递。该方法将事件对象的cancelBubble属性设置为true，从而阻止事件继续传递。例如，在上面的代码中，我们可以在doSomething函数中添加一行代码：`e.cancelBubble=true;`，以阻止事件冒泡传递。
stopPropagation方法是W3C标准的方法，Firefox浏览器支持该方法。该方法可以阻止事件冒泡传递，但不同于cancelBubble，stopPropagation方法同时也可以阻止事件捕捉。例如，在上面的代码中，我们可以在doSomething函数中添加一行代码：`e.stopPropagation();`，以阻止事件冒泡传递。
在上面的代码中，我们可以看到两个DIV元素：parent1和parent2。parent1元素的onclick事件处理函数只是简单地alert出元素的ID，而parent2元素的onclick事件处理函数则调用了doSomething函数。在doSomething函数中，我们使用了cancelBubble和stopPropagation方法来阻止事件冒泡传递。
我们可以通过观察结果来了解事件冒泡传递的机制。例如，当我们点击child1元素时，会alert出“child1”，然后alert出“parent1”，这表明事件已经冒泡传递到了父元素上。然而，当我们点击child2元素时，只会alert出“child2”，因为我们已经在doSomething函数中阻止了事件冒泡传递。
cancelBubble和stopPropagation方法都是阻止JavaScript事件冒泡传递的重要方法。它们可以帮助我们更好地控制事件处理的流程，避免不必要的事件处理。
