美文网首页
js实现一个事件中心

js实现一个事件中心

作者: wxyzcctn | 来源:发表于2021-03-22 22:33 被阅读0次
var EventCenter = (function () {

    var events = {};

    function on(evt, handler) {
        events[evt] = events[evt] || [];

        events[evt].push({
            handler: handler
        });
    }

    function fire(evt, args) {
        if (!events[evt]) {
            return;
        }
        for (var i = 0; i < events[evt].length; i++) {
            events[evt][i].handler(args);
        }
    }

    return {
        on: on,
        fire: fire
    }
})();

// module.exports = EventCenter;

使用方法

EventCenter.on('text-change', function(data){
  console.log(data);
});

EventCenter.on('text-change', function(data){
  alert(1);
});

EventCenter.fire('text-change', 100);

相关文章

  • js实现一个事件中心

    使用方法

  • JS事件中心

    JS事件中心:事件监听、事件分发、事件销毁。

  • dom事件代理

    实现一个js事件代理的模块,帮助用户快速实现事件代理。

  • Jquery总结

    Jquery能实现的JS都能实现,JS实现的Jquery未必能实现 事件 常用的基本事件 鼠标事件mouseent...

  • js与jquery方法对比

    一.文档就绪 jquery实现 简写形式为: js实现 二、元素选择 三、点击事件 jquery实现 js实现 四...

  • 搜狗面试

    原型链上手写事件,手写原生js实现ajax事件,jsonp实现原理,阻止事件IE冒泡代码,事件捕获、处理,冒泡代码...

  • 原生JS实现Ajax

    原生Js的实现 事件 鼠标事件 *e.stoppropagation();//阻止事件冒泡 键盘事件 事件对象(e...

  • canvas2-text

    canvas画板结合JS事件实现写字效果

  • WKWebView 注入js代码

    在WKWebView中注入js代码,从而实现改变js事件实现方法。比如,在H5页面中有一个打印按钮,iOS 端没有...

  • Vue动画之二: JS方式

    在vue 项目中, 通过JS添加动画效果。1、js 事件, 处理 2、Velocity.js 实现的

网友评论

      本文标题:js实现一个事件中心

      本文链接:https://www.haomeiwen.com/subject/snijfltx.html