同级元素，p遮挡div,两个都绑定了click事件，如何使click只触发div不触发p

Question

这个感觉和冒泡没啥关系

 p.onclick=function (e) {
        console.log('p is clicked')
    }
    div.onclick=function (e) {
        console.log('div is clicked')
    }
    document.body.onclick=function (e) {
        console.log(e.target.nodeName)
        if(e.target.nodeName==='DIV'){
            console.log('this is message bubbling form div')
        }
    }

用body接受冒泡都没有，e.target.nodeName始终是p不是div

Answer 1

在标签P的Click里面封装标签Div的事件