js阻止事件冒泡的方法

1、如下图所示：当点击 'Click me!'时 出现的消息依次为：第三层-->第二层-->第一层，最后再跳转至百度页面

当通过JS控制阻止冒泡排序后，显示为：第三层-->跳转至百度页面

2、阻止方法有三种：

1、event.stopPropagation();

2、return false;

3、event.preventDefault();

3、event.stopPropagation();

事件处理过程中，阻止冒泡事件，但不会阻止默认行为（跳转至超链接）

执行结果为：弹出第三层消息，然后链接至百度页面

4、return false;

事件处理过程中，阻止冒泡事件，也阻止默认行为（不跳转超链接）

执行结果为：只弹出第三层消息

5、event.preventDefault();

事件处理过程中，不阻止冒泡事件，但阻止默认行为（不跳转超链接）

执行结果为：弹出第三层-->第二层-->第一层  不跳转至百度