删除事件...

<style>
        div {
            background-color: aquamarine;
            width: 100px;
            height: 100px;
            margin: 3px;
        }
    </style>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        var div = document.querySelectorAll('div');
        // 传统删除事件
        div[0].onclick = function () {
            alert('11');
            this.onclick = null;
        }

        // removeEventListener删除事件
        div[1].addEventListener('click', fn);//函数没用展开，所以不用加（）
        function fn() {//非匿名函数
            alert(22);
            div[1].removeEventListener('click', fn);
        } 
    </script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

第一次点击第二个图，会弹出
在这里插入图片描述
再次点击就不会弹了

相关阅读:
后端中使用分页的几种方法(建议收藏)
网络编程
编程为什么要使用设计模式？使用设计模式的好处有哪些？
Python高级学习笔记（三）—— 闭包和装饰器
JavaWeb、Web核心
1033 旧键盘打字
算法——双指针（day1)
【网络管理——操作系统与安全】
Spring Boot 日志文件 ——打印日志和日志持久化详解
04)go语言使用优化启动时不打开CMD控制台,后台运行

原文地址：https://blog.csdn.net/lxllxl211/article/details/127786222