先写好两个事件
function sing() {
console.log('sing')
}
function dance() {
console.log('dance')
}
- 点击按钮触发的方法只有sing方法,
<button onclick="sing()" id="btn1" onclick="dance()">html标签事件绑定</button>
- 按照下面的写法,一个事件,触发两个方法
<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;
- 使用事件监听,sing和dance两个方法都阔以触发
<button id="btn3">事件监听</button>
document.getElementById('btn3').addEventListener("click",sing)
document.getElementById('btn3').addEventListener("click",dance)
- 移除事件监听
两个参数:第一个是事件类型,第二个是需要移除的监听器
document.getElementById('btn3').removeEventListener("click",dance)