怎么在JShtml中实现事件冒泡和事件捕获操作
怎么在JS html中实现事件冒泡和事件捕获操作？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
10年积累的网站设计、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有新沂免费网站建设让你可以放心的选择与我们合作。
1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
我一般用法就是理解为触发事件A, 会触发A的父亲，爷爷，爷爷的父亲......
代码：
点击事件捕获冒泡实验
var father = document.getElementById('father');
father.addEventListener('click',function () {
alert('fattther');
})
var son = document.getElementById('son');
son.addEventListener('click',function () {
alert('son');
});
点击button，会以此弹出"son", "father"。
2.捕获事件：使用事件捕获时，父级元素先触发，子级元素后触发。
我们使用addEventListener添加监听事件时，参数分别为(事件类型, function(){}, capture), 一般不写第三个参数时默认为false，即事件冒泡。
所以1中的代码会是事件冒泡顺序。如果我们想改为事件捕获，把参数设置为true即可，代码如下：
点击事件捕获冒泡实验
