JavaScript中事件的追加与移除

最新推荐文章于 2023-01-10 12:53:21 发布

lllllLiangjia

最新推荐文章于 2023-01-10 12:53:21 发布

阅读量295

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/liangjiabao5555/article/details/103024920

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在JavaScript中通过闭包实现自定义事件追加和移除的方法。闭包使得内部函数能够访问外部函数的变量，实现事件监听器的存储和调用。文章提供了具体代码实例，展示了如何添加和删除事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript中本来是不支持事件的追加和移除的，但是我们可以通过自己的编写代码来实现。这用到了闭包

那闭包是什么？

闭包就是内部函数用到了外部函数的参数或变量

外部函数的返回值是内部函数的调用

接下来是代码

        var eventHelper = (function () {
            var kv = {};
            return {
                add: function (name, func) {
                    kv[name] = func;
                    window.onload = function () {
                        for (var k in kv) {
                            kv[k]();
                        }
                    };
                },
                remove: function (name) {
                    for (var k in kv) {
                        if (k == name) {
                            delete kv[name];
                        }
                    }
                }
            };
        })();

大家可以举例子试一下

        eventHelper.add("f1", function () {
            alert("第一个方法");
        });
        eventHelper.add("f2", function () {
            alert("第二个方法");
        });
        eventHelper.remove("f1");