js中click事件多次触发的处理

1.问题描述

通过addEventListener添加事件，代码多次触发后会导致重复的click事件累加

2.问题原因

addEventListener对同一个事件是可以多次添加的，多次调用就会重复添加

3.解决方案一，每次添加后通过removeEventListener将其注销

var btn = document.getElementById('btn');
 // 添加事件绑定
btn.addEventListener('click', btnClick, false);

// 按钮点击方法
function btnClick() {
    console.log('hello');
    // 删除事件绑定
    btn.removeEventListener('click', btnClick, false);
}

4.解决方案二，通过onclick的方式添加，这样的事件只会添加一次