JavaScript自定义事件
Posted sfornt
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript自定义事件相关的知识,希望对你有一定的参考价值。
标题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
以上是关于JavaScript自定义事件的主要内容,如果未能解决你的问题,请参考以下文章