案例1: 该点击按钮只允许点击一次弹出对话框
传统方法是使用onclick 然后再点击函数里设置btn按钮为null即可
使用removeEventListener删除事件 fn代表的是调用下面的函数 这里调用函数不用加括号 删除事件不能写在监听事件里 所以把函数放在了外面
<body>
<button>删除事件1</button>
<button>删除事件2</button>
<script>
//传统方法
var btn = document.querySelectorAll('button');
btn[0].onclick = function() {
alert('删除事件1')
btn[0].onclick = null;
}
//removeEventListener 删除事件
btn[1].addEventListener('click', fn) //addEventListener监听事件
function fn() {
alert('删除事件2');
btn[1].removeEventListener('click', fn)
}
</script>
</body>相关知识点链接：js中监听注册事件addEventListener的使用