html绑定事件的方式

1. 绑定事件，标签上直接绑定

<p οnclick="console.log(1)">哈哈哈<p/>

2. 获取元素绑定

document.querySelector('p').onclick = function () {

console.log(1)

}

3. 添加事件监听

document.querySelector('p'),addEventListener('click',()=>{

console.log('1')

})

<p>哈哈哈</p>

addEventListener(事件，点击事件后触发的函数，true/false -- 默认是一个false)

false -- 冒泡 true--捕获

document.querySelector('p').addEventListener('click',()=>{

                console.log('1')

})