JavaScript中事件的追加与移除

古城微笑少年丶 2023-06-12 09:43 20阅读 0赞

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");

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript前端监听事件移除案例

> 学完计算机专业小结一下：如何利用JavaScript解决这样的网课只能在固定界面观看视频观看的问题业务场景场景1、常见如网课听课，不能离开当前的屏幕，同时过一段

雨点打透心脏的1/2处/ 2023年10月06日 10:37/ 0 赞/ 177 阅读

相关 JavaScript中事件的追加与移除

JavaScript中本来是不支持事件的追加和移除的，但是我们可以通过自己的编写代码来实现。这用到了闭包那闭包是什么？闭包就是内部函数用到了外部函数的参数或变量

古城微笑少年丶/ 2023年06月12日 09:43/ 0 赞/ 21 阅读

相关 jq on绑定事件off移除事件

[https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] 以前用的是bind(); 后来

小鱼儿/ 2023年06月05日 08:11/ 0 赞/ 139 阅读

相关 Vue-监听事件、移除事件（节流处理）

> 业务：header（fixed定位）在顶部时是transparent的，当scroll触发，添加背景色；再次移动到顶端还是transparent的。 > > deposi

柔光的暖阳◎/ 2022年11月29日 11:42/ 0 赞/ 457 阅读

相关 JQuery绑定事件与移除事件、动画

绑定事件：bind()、on()、live()、delegate()、keyup()；触发事件：trigger(‘keyup’)、keyup()；解绑事件：unbi

迷南。/ 2022年07月29日 11:58/ 0 赞/ 419 阅读

相关 jQuery鼠标移进移除事件

<script type="text/[JavaScript][]"> $(document).ready(function() \{ $(选择器).mous

比眉伴天荒/ 2022年07月15日 00:44/ 0 赞/ 388 阅读

相关 JS——事件的追加与移除

一、事件的追加第一种方法： <script type="text/javascript" > //1、追加

阳光穿透心脏的1/2处/ 2022年06月02日 23:07/ 0 赞/ 411 阅读

相关【JavaScript】leetcode：removeElement 移除元素

/\ 移除元素给定一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修

水深无声/ 2022年04月14日 03:39/ 0 赞/ 209 阅读

相关 LeetCode27.移除元素 JavaScript

给定一个数组 `nums`和一个值`val`，你需要原地移除所有数值等于 `val`的元素，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修改输入数组并在使用

偏执的太偏执、/ 2022年03月07日 02:24/ 0 赞/ 702 阅读

相关 JavaScrip中的事件的冒泡和捕获，事件绑定，事件的移除

一.事件的冒泡和事件的捕获 1.事件流描述的是从页面中接受事件的顺序。事件流包括事件的冒泡和事件的捕获事件的捕获：父级元素先触发，子集元素后触发。事

你的名字/ 2022年02月15日 03:07/ 0 赞/ 372 阅读