在用JQuery开发时,我们可能会遇到页面之间需要传递触发事件或者发送接收某些消息的情况,这种情况在vue中直接用eventBus就能轻松搞定,但在JQuery里面会稍微麻烦一点,在下文中封装了一个专门的js来处理这种事件传递通知的情况,包括如何调用销毁都会有介绍,详见代码:
top.events = {
on: function (eventName, mainGrid, el) {
if(!this.handles){
this.handles = {};
}
if(!this.handles[eventName]){
this.handles[eventName] = '';
}
},
//注册自定义事件
def: function (eventName, fn) {
if(!this.handles){
this.handles = {};
}
this.handles[eventName] = fn;
},
emit: function (eventName) {
if(this.handles && this.handles[eventName]){
this.handles[eventName](arguments[1]);
}
},
destory: function (eventName) {
if(this.handles && this.handles[eventName]) delete this.handles[eventName];
}
};
调用的时候,发送接收消息:
//发送事件
top.events.emit('123', "测试事件1");
//接收事件
top.events.def('123', function (e) {
console.log(e)
});
//销毁事件
top.events.destory( '123');
这样一个简单的自定义事件的传递就完成了。