什么是事件冒泡？
事件冒泡是指在html页面中，当一个特定的事件（如鼠标单击，键盘按下等）在DOM树的某个元素上触发时，同样的事件也将在该元素祖先元素中同时被触发。这会使得事件传递到了不希望触发的元素，从而影响了页面的交互效果。
如何取消事件冒泡？
在html的事件处理机制中，事件传递有三个阶段：捕获阶段、目标阶段和冒泡阶段。为了取消事件冒泡，我们可以用event对象的stopPropagation()方法，它可以阻止事件传递到祖先元素上。
使用cancelBubble属性取消事件冒泡
cancelBubble属性是一个IE浏览器专用的属性，在其他浏览器中该属性不被支持。使用cancelBubble属性可以阻止事件的进一步传递，从而实现取消事件冒泡的效果。示例代码如下：
document.getElementById('someElement').onclick=function(e){
// do something
e.cancelBubble=true;
}上面的代码中，我们通过把cancelBubble属性设为true，来取消事件冒泡，从而避免了事件传递到其他元素上。
使用return false取消事件冒泡
除了使用cancelBubble属性，我们还可以使用return false来阻止事件传递。return false的作用不仅仅是取消事件冒泡，同时还可以阻止默认事件的发生。示例代码如下：
document.getElementById('someElement').onclick=function(e){
// do something
return false;
}上面的代码中，我们通过return false来取消事件冒泡及默认事件的发生。不过，需要注意的是，使用return false会阻止默认事件的发生，因此在某些情况下并不是一种合适的做法。
综上所述，取消事件冒泡是一种很常见的操作，它可以避免不必要的事件传递造成的影响，提高页面的交互效果和体验。我们可以使用stopPropagation()方法、cancelBubble属性或return false来实现取消事件冒泡的效果，在具体的开发中需要根据实际情况来选择合适的方案。