DOM 事件流 捕获和冒泡阶段
转载：http://www.tuicool.com/articles/emiEfmz
点一下test按钮 如果不能正确说出弹出的顺序,请看转载链接
<body>
<div id="divTest" style="width: 300px;height: 500px;background-color: red;">
<input type="button" value="test" id="test">
</div>
<script>
document.getElementById("test").addEventListener('click',function(event){
alert('btnTest-true'+event.eventPhase);
},true);
document.getElementById("divTest").addEventListener('click',function(event){
alert('divTest-false'+event.eventPhase);
},false);
document.getElementById("divTest").addEventListener('click',function(event){
alert('divTest'+event.eventPhase);
},true);
document.body.addEventListener('click',function(event){
alert('body'+event.eventPhase);
},true);
</script>
</body> 相关推荐
敏敏张 2020-11-11
SCNUHB 2020-11-10
小木兮子 2020-11-11
wwwsurfphpseocom 2020-10-28
WasteLand 2020-10-18
Cocolada 2020-11-12
杜鲁门 2020-11-05
shirleypaddy 2020-10-19
qingmumu 2020-10-19
Testingba工作室 2020-09-15
周公周金桥 2020-09-13
专注前端开发 2020-08-16
emagtestage 2020-08-16
heniancheng 2020-08-15
hanjinixng00 2020-08-12
小方哥哥 2020-08-09
83327712 2020-07-30
卖小孩的咖啡 2020-07-21
wqiaofujiang 2020-07-05