阻止事件冒泡和阻止默认事件

1.阻止事件冒泡

function bubbles(e){
  var ev = e || window.event;
  if(ev && ev.stopPropagation) {
    //非IE浏览器
    ev.stopPropagation();
  } else {
    //IE浏览器(IE11以下)
    ev.cancelBubble = true;
  }
  console.log("最底层盒子被点击了")
}

2.阻止默认事件

//谷歌及IE8以上
e.preventDefault();
//IE8及以下
window.event.returnValue = false;
//无兼容问题（但不能用于节点直接onclick绑定函数）
return false;

vue中阻止事件冒泡和默认事件

  <div @click.stop.prevent="newpage">跳转新页面</div>