TA貢獻(xiàn)1906條經(jīng)驗 獲得超3個贊
請問大神們，我在最外層div加個點擊事件，里面放個a標(biāo)簽，點擊a標(biāo)簽也可以產(chǎn)生冒泡到外層div？
是的。
是因為它屬于外層div的原因么？
因為在結(jié)構(gòu)上，它們是有層級關(guān)系的（父子關(guān)系）。
難道不是需要兩個都綁定事件，里層才能冒泡到最外面來么？
不是。
那么反之事件捕獲呢？ 小白不太理解。。。
一樣的。
理解的時候，注意想明白，節(jié)點范圍的“大小”就行了，事件觸發(fā)一定是不能跳過“大”節(jié)點的嘛。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>事件</title>
<link rel="stylesheet" type="text/css" href="" />
</head>
<body>
<div id="out" style="background-color: yellow;">
<div id="middle" style="background-color: red; width: 50%;">
<a href="#" id="inner" style="background-color: green;">里面的東西</a>
</div>
</div>
<script type="text/javascript">
// 下傳, 捕捉
document.getElementById('out').addEventListener('click', function(e){
console.log('1');
}, true);
// 上浮, 冒泡
document.getElementById('out').addEventListener('click', function(e){
console.log('2');
}, false);
</script>
</body>
</html>
舉報