JavaScript自定义事件

男娘i 2022-04-02 04:14 296阅读 0赞

### 标题JavaScript自定义事件 ###

最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些事件,为了更愉快的编码所以想到了自定义事件,还别说用起来竟然有点像vue的组件通信

top.events = {
        on: function (name, func) {
          if(!this.handles){
            this.handles = {};
          }
          if(!this.handles[name]){
            this.handles[name] = '';
          }
          else this.handles[name] = func;
        },
        emit: function (name) {
          if(this.handles[name]){
            //arguments是伪数组所以通过call来使用slice
            this.handles[name].apply(null, Array.prototype.slice.call(arguments, 1));
          }
        },
        destory: function (name) {
          if(this.handles && this.handles[name]) delete this.handles[name];
        }
      };

//绑定
    top.events.on('test', function() {});
    
    //触发
    top.events.emit('test', param));
    
    //销毁
    top.events.destory('test');

来源：[https://segmentfault.com/a/1190000017497498][https_segmentfault.com_a_1190000017497498]

[https_segmentfault.com_a_1190000017497498]: https://segmentfault.com/a/1190000017497498

发表评论取消回复

表情：

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

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

相关阅读

相关如何在 JavaScript 中创建自定义事件？

想象一下您正在构建一个复杂的 Web 应用程序。“点击”和“提交”等预先构建的事件很棒，但如果您需要更具体的事件怎么办？这就是自定义事件的用武之地 - JavaScrip...

淡淡的烟草味﹌/ 2024年05月07日 22:17/ 0 赞/ 83 阅读

相关自定义事件

![1190185-20190927105629328-286278136.png][] 解释：上面2说的是自定义事件不适合用在爷爷向孙子层层传递数据（隔代）。也不适合兄弟

桃扇骨/ 2023年08月17日 17:10/ 0 赞/ 142 阅读

相关 JavaScript自定义函数——bind()事件绑定

直接拿走，兼容IE8 / 指定元素绑定响应函数 @param obj 绑定事件的对象 @param eventSt

深碍√TFBOYSˉ_/ 2023年02月16日 15:27/ 0 赞/ 26 阅读

相关 JavaScript自定义bind()兼容浏览器事件绑定

/ @param {事件绑定对象} object @param {事件名称} callbackFunc @param {回调函数}

冷不防/ 2022年12月23日 11:09/ 0 赞/ 144 阅读

相关 JavaScript如何自定义事件

什么是自定义事件在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ `click` ）、鼠标移动事件（ `mousemove` ）、元素失去焦点事件（ `blur

谁借莪１个温暖的怀抱￠/ 2022年10月17日 05:56/ 0 赞/ 202 阅读

相关浅谈JavaScript模拟事件和自定义事件

[http://blog.csdn.net/zhouziyu2011/article/details/65628682][http_blog.csdn.net_zhouziyu

阳光穿透心脏的1/2处/ 2022年07月05日 15:07/ 0 赞/ 249 阅读

相关 JavaScript自定义事件--高级技巧

观察者模式事件是JavaScript和浏览器交互的主要途径。事件是一种叫做观察者的设计模式，这是一种创建松散耦合代码的技术。观察者模式：由两类对象组成，主体和观察

迈不过友情╰/ 2022年05月27日 23:07/ 0 赞/ 242 阅读

相关【javascript】DOM模拟事件和自定义事件

事件，就是网页中某一个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。但是也可以使用Javascript在任意时刻触发特定的事件，这个时候的事件和浏览

╰半橙微兮°/ 2022年05月24日 05:10/ 0 赞/ 410 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

男娘i/ 2022年04月02日 04:14/ 0 赞/ 297 阅读

相关 JavaScript自定义事件

标题JavaScript自定义事件最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些

太过爱你忘了你带给我的痛/ 2022年03月30日 14:22/ 0 赞/ 301 阅读