JS——事件的追加与移除

阳光穿透心脏的1/2处 2022-06-02 23:07 248阅读 0赞

一、事件的追加

第一种方法：

第二种方法：

二、追加移除例子：

<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>追加和移除</title>
    
        <script type="text/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 () {
                        for (var k in kv) {
                            if (k == name) {
                                delete kv[k];//从对象里移除成员
                            }
    
                        }
                    }
                };
            })();
    
            eventHelper.add("f1", function () {
                alert("第一个方法");
            });
            eventHelper.add("f1", function () {
                alert("第二个方法");
            });
    
            eventHelper.remove("f1");
        </script>
    
    </head>
    <body>
    
    </body>
    </html>

三、效果图：

只追加：

![Center][]

![Center 1][]

追加后又移除第一个方法：

![Center 2][]

[Center]: /images/20220603/e4fcb9ff89a94c85a47fcd52e0882f39.png
[Center 1]: /images/20220603/3fc42d9b37e148a997fccfd12b187e2f.png
[Center 2]: /images/20220603/1c8892424bfb463089c22f5f714488d2.png