代碼
提交代碼
<div class="a">
我是第一個節點 a
<div class="b">
我是第二個節點 b
<div class="c">
我是第三個節點 c
<div class="d">
我是第四個節點 d
<div class="e">
我是第五個節點 e
<div class="f">
我是最里面的一個元素 f
</div>
</div>
</div>
</div>
</div>
</div>
<div class="result" style="margin-top: 16px;"></div>
<script>
var resultEle = document.querySelector('.result');
document.querySelector('.a').addEventListener('click', function(e) {
resultEle.innerText = [
'當前觸發事件的元素的類名是：',
e.currentTarget.className,
'。當前捕獲到的元素類名是：',
e.target.className,
].join('');
});
</script>
運行結果