阻止子元素的事件冒泡到父元素

在项目中我们常常遇到这样一个问题：就是一个父元素里面有很多子元素，父元素和子元素都会有点击事件，当我们点击子元素的时候，不希望触发父元素的点击事件。
案例：购物车列表，想要点击增加或减少按钮时不希望触发父元素的点击事件进入详情页。

在子元素的点击事件中加入：

      //阻止click事件冒泡到父元素
      event.stopPropagation();

这样问题就解决啦。