效果图
结构
<div>1</div>
<div>2</div>
<div>3</div>
CSS
div {
width: 100px;
height: 100px;
background-color: pink;
}
JS
var div = document.querySelectorAll('div');
div[0].onclick = function ()
{
alert('1');
// 1 传统方式删除事件
div[0].onclick = null;
}
// 2 removeEventListener 删除事件
div[1].addEventListener('click', fn); // 里面的 fn 不需要调用加小括号
function fn ()
{
alert('欢迎来到德莱联盟');
div[1].removeEventListener('click', fn);
}