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的方式添加,这样的事件只会添加一次

作者 铁血 汉子 2020年2月19日
2020/04/05/01:49:27pm 2020/2/19/11:57:11
0 88