阻止事件冒泡的两种方法

何为冒泡：

      即事件开始是由最具体的元素接收，然后逐层向上级传播到较为不具体的元素。

加入一个button和它的父级div同时定义了onclick事件，点击button时，在触发了button的onclick事件之后，会发生事件冒泡，然后触发div的onclick事件，然而，触发button的onclick事件的同时也触发div的onclick事件显然不是我们想要的，此时，可以阻止冒泡事件。

方法一：

event.stopPropagation();

这个方法会阻止冒泡事件，但是不会阻止默认事件

方法二：

return false;

既阻止冒泡事件也阻止默认事件

还有一个方法，虽然不能阻止冒泡，但是可以阻止默认事件

event.preventDefault()