冒泡以及阻止浏览器默认事件

一、冒泡事件

如图所示 获取了三个数据 btn、demo盒子、body 由于btn是在demo盒子里面 demo盒子又是在body里面 所以当点击btn的时候 等同于点击了demo盒子跟整个body页面 所以打印出来的结果就是

所以这样子会出现错误 我们应该阻止他冒泡 就应该在原有btn上加上 e.stopPropagation(); 去阻止冒泡事件的发生 加上之后就会出现

点击之后只会打印btn并不会打印出demo盒子跟body的点击事件

二、阻止浏览器默认事件 e.preventDefault();是用来阻止浏览器默认事件的 比如在右击事件中添加就可以阻止鼠标右击出来的菜单栏 在超链接中添加 就可以阻止超链接的跳转