如何用js绑定事件

先写好两个事件

function sing() {
  console.log('sing')
}
function dance() {
  console.log('dance')
}

1. 点击按钮触发的方法只有sing方法，

<button onclick="sing()" id="btn1" onclick="dance()">html标签事件绑定</button>

2. 按照下面的写法，一个事件，触发两个方法

<button onclick="sing();dance()" id="btn1">HTML标签事件绑定</button>

3.下面的写法，只能触发dance方法，如果需要同时触发两个方法，只能使用事件监听

<button id="btn2">js事件绑定</button>

document.getElementById('btn2').onclick=sing;
document.getElementById('btn2').onclick=dance;

4. 使用事件监听，sing和dance两个方法都阔以触发

<button id="btn3">事件监听</button>

document.getElementById('btn3').addEventListener("click",sing)
document.getElementById('btn3').addEventListener("click",dance)

5. 移除事件监听
   两个参数:第一个是事件类型，第二个是需要移除的监听器

document.getElementById('btn3').removeEventListener("click",dance)