- 功能
① 给一个元素的某一个事件类型添加多个函数
② 精确删除某一个事件类型下的某一个函数 - 添加事件处理函数
① 格式:node.addEventListener(p1, p2, p3);
② 参数p1:事件类型
参数p2:函数名或匿名函数(如果需要移除事件,必须传入函数名)
参数p3:true(事件捕获)false(事件冒泡,默认) - 移除事件处理函数
① 格式:node.removeEventListener(p1, p2);
② 参数p1:事件类型
参数p2:函数名 - 案例
① 给按钮添加两个点击事件<button id="btn">点击</button>
② 移除第一次添加的点击事件let oBtn = document.getElementById('btn'); function show () { console.log('第一次添加的事件'); } oBtn.addEventListener('click', show , false); oBtn.addEventListener('click', () => { console.log('第二次添加的事件'); } , false);
oBtn.removeEventListener('click', show);
JS事件监听器
于 2022-11-04 16:07:29 首次发布