js 3种事件绑定实现

有3种方法绑定事件

• 通过元素直接绑定事件
• 通过找元素再用事件处理绑定
• 通过找元素进行监听事件

直接上代码

<div id="btn1" onclick="clickBtn1(event)">
  btn1
</div>
<div id="btn2">
  btn2
</div>
<div id="btn3" >
  btn3
</div>

<script>
  function clickBtn1(event) {
    console.log(event,this,'点击事件，btn1')
  }

  document.getElementById('btn2').onclick=(event)=>{
    console.log(event,this,'点击事件，btn2')
  }

  document.getElementById('btn3').addEventListener('click',(event)=>{
    console.log(event,this,'点击事件，btn3')
  })

</script>