event.stopPropagation()和event.preventDefault()，return false的区别

我写公司的官网遇到一个问题，轮播图的上一层有一块内容，用鼠标拖动那块内容的时候下一层的轮播图也会跟着拖动，而上面的那层的内容是不会动的，我想这就是冒泡事件在作祟了吧

跟冒泡事件相关的，我想到三个：

1、event.stopPropagation()：阻止冒泡事件，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个链接，这个链接仍然会被打开；

2、event.preventDefault()：阻止默认事件，调用此方法是，链接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；

3、return false：这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，链接不会被打开，事件也不会传递到上一层的父元素，可以理解为 return false 就等于同时调用了event.stopPropagation()和event.preventDefault()。

 

转载于:https://www.cnblogs.com/eyed/p/9210485.html