JS中绑定事件的方法

一 标签绑定

<div onclick="console.log('你好');"></div>
//冒泡

二 onclick

let element=document.querySelector('div');
element.onclick=()=>{
   console.log('你好');
}

三 attachEvent

let element=document.querySelector('div');
element.attachEvent('click',()=>{
   console.log('你好');
})//冒泡

四 addEventListener

let element=document.querySelector('div');
element.addEventListener('click',()=>{
   console.log('你好')；
}，bool)//bool为true表示捕获，不传或falsy表示冒泡