很好的阻止了事件的发生_前端笔试知识点：阻止冒泡

我们先来看一道BOSS直聘上面的选择题：

你知道这道题选什么吗？

-

-

-

-

-

-

-

-

-

-

-

没错，选D

如果你知道选D的原因，那你就不用往下面看了，节约你宝贵的时间；

如果你不知道，那么你就要了解一个JS的知识点：

阻止冒泡：

  众所周知：当点击了一个元素，这个元素的所有祖先元素都会被触发，这一过程称之为事件冒泡。

  阻止冒泡有三种方法：

  1  event.stopPropagation()方法：阻止事件的冒泡，但是默认的事件仍然会执行(比如a标签里面有网页链接，那么点击时就会自动跳转到网页)

  2   event.preventDefault()方法： 阻止默认事件的发生，但是会冒泡,所以说不能阻止冒泡

  3   return false  即阻止冒泡又阻止默认事件的发生

     比如：

a.onclick=function(){alert("被点击了");return false;}

   4   Vue中 .stop能阻止事件的冒泡

    如：

on:click.stop="do This">

以上是本篇文章的全部内容

求点赞、求关注，本人经常更新，内容超短，每天三分钟带你深入前端、记住知识点、巩固基础，搞定笔试、面试！