小编San*_*oDu的帖子

这是一些演示代码:

<div id="test">
    <div class="child">
        click
    </div>
</div>
<script>
   document.addEventListener('click', function (e) {
       if(e.target.classList.contains('child')){
           console.log('child')
       }
       if(e.target.id==='test'){
           console.log('test')
       }
       if(e.target.tagName === 'HTML'){
           console.log('html')
       }
   }, false)
</script>

当我单击文本时,控制台仅记录'child'.为什么click事件没有冒泡到parentNode #test？即使是html元素也无法获得click事件.

任何人都可以解释问题是什么？