删除事件...

<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

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

相关阅读:
媒体查询？
互联网轻量级框架整合之JavaEE基础II
Xcode iOS app启用文件共享
探索Scrapy中间件：自定义Selenium中间件实例解析
CI/CD笔记.Gitlab系列.`gitlab-ci.yml`中的头部关键字
GPT4应用讲解，如何获取ChatGPT账号
在Linux服务器上部署Tornado项目
(Hexagon_V65_Programmers_Reference_Manual（13）
【Python 48小时速成 4】注释
浅谈OV SSL 证书的优势

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