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

1.阻止事件冒泡

 1 function bubbles(e){
 2   var ev = e || window.event;
 3   if(ev && ev.stopPropagation) {
 4     //非IE浏览器
 5     ev.stopPropagation();
 6   } else {
 7     //IE浏览器(IE11以下)
 8     ev.cancelBubble = true;
 9   }
10   console.log("最底层盒子被点击了")
11 }

2.阻止默认事件

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

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

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