console 命令行工具 X clear

console

const div = document.getElementById('div')
const p = document.getElementById('p')

function clickFn(event) {
    const tagName = event.currentTarget.tagName;
    const phase = event.eventPhase // 1为捕获阶段、2为事件对象触发阶段、3为冒泡阶段
    console.log(tagName, phase)
}

// div.addEventListener('click', clickFn, false)
// p.addEventListener('click', clickFn, false)

div.addEventListener('click', clickFn, true)
p.addEventListener('click', clickFn, true)

<div id="div">
    <p id="p">
        <span id="span">Click Me</span>
    </p>
</div>