JavaScript自定义事件

太过爱你忘了你带给我的痛 2022-03-30 14:22 276阅读 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 条评论，276人围观）

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

相关阅读

相关 JavaScript如何自定义事件

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

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

相关 flex 自定义事件

EventTest.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http

深藏阁楼爱情的钟/ 2022年08月05日 00:48/ 0 赞/ 225 阅读

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

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

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

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

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

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

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

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

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

相关 JavaScript自定义事件

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

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

相关 JavaScript自定义事件

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

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

相关 jQuery自定义事件

一直以为jQuery的bind只能绑定jQuery中的事件，今天从一本书上看到jQuery的bind也能绑定自定义事件。事实上我们可以通过bind绑定一个自定义事件，然后再

太过爱你忘了你带给我的痛/ 2022年03月28日 11:52/ 0 赞/ 358 阅读

相关 vue——自定义事件

每个 Vue 实例都实现了[事件接口][Link 1]，即：使用 `$on(eventName)` 监听事件使用 `$emit(eventName)` 触发事

﹏ヽ暗。殇╰゛Y/ 2021年09月14日 12:54/ 0 赞/ 440 阅读

相关 js自定义事件

HTML5开发有时需要实现自定义事件，如预加载图片需要知道加载进度事件，本篇以图片预加载功能为例，介绍如何实现自定义事件。下面的ImgsLoader工具类，可以实现多图片预

左手的ㄟ右手/ 2021年09月12日 07:20/ 0 赞/ 458 阅读