事件冒泡和事件捕获以及默认事件

在做IOT管理平台时，遇到需要一个事件冒泡的问题，之前有看过相关的，但要用到还是记不清楚，就在这里整理一下：

<div class="parent" onclick="alert("par")">
<div class="child" onclick="alert("chi")">
</div>
</div>

事件冒泡：

点击child,先触发child事件，再冒泡到parent,触发父级事件（会一直冒泡到文档根）；

这个过程是可以阻止的，方法obj.stopPropagation()：(多益二笔考了这个，结果我给忘了......)

事件捕获：

点击child,先触发parent事件，再逐级往下进行捕获到child,触发child事件；

默认事件：

浏览器具有默认行为，诸如a标签的点击跳转，右键点击跳出菜单等；

阻止默认事件：obj.preventDefault();(多益二笔和阻止默认事件一起考的，这个我记得)；

事件冒泡和事件捕获的选择,(IE默认事件冒泡，其他浏览器默认捕获)

其中addEventListener()中 true为捕获，false为冒泡；

obj.addEventListener("click",function(){

},true)  //捕获

obj.addEventListener("click",function(){

},false)  //冒泡