html5自定义事件监听,仿h5+fire自定义事件触发与监听

更新记录

1.1(2020-04-15)

1.加入remove方法&＃xff0c;移除监听

2.修改使用方法

仿h5&＃43;fire自定义事件触发监听

uni-app调用

源码记录(点击查看)

1.js下载地址

[event.js](https://ext.dcloud.net.cn/plugin?id&＃61;333)

[源码记录](https://github.com/wojiaoxiaomayun/jsUtil/tree/master/event)

2.js文件直接拖入

3.import event from &＃39;common/event.js&＃39;

4.Vue.prototype.event &＃61; event;

接下来就可以使用了

使用实例

1.事件监听

//事件监听

//params:page&＃xff1a;页面的地址(确报每个页面唯一)

// type: 事件类型

// callback: 回调参数

this.event.on(&＃39;index/index&＃39;,&＃39;test&＃39;,function(args){

//args为trigger中所有的参数&＃xff0c;可自定义数据&＃xff0c;除了type和page及success

console.log(&＃39;testindex:&＃39; &＃43; args);

//返回数据&＃xff0c;在trigger中success方法可以收到

return {

};

});

//结果&＃xff1a;testindex:index

2.事件触发

//事件触发

//params:obj&＃xff1a;{type:&＃39;test&＃39;,page:&＃39;index/index&＃39;}

// type&＃xff1a;事件类型&＃xff0c;对应监听中的type&＃xff0c;必须

// page: 默认all&＃xff0c;表示所有页面, 对应监听中的page ,非必须

this.event.trigger({

type:&＃39;test&＃39;,

page:&＃39;index/index&＃39;

//obj和test是举的例子&＃xff0c;随意啥都行&＃xff0c;这个传过去在on中的args中都可以获取到

obj:{

},

test:{

},

success:function(data){

//data为on中返回的数据

}

});

3.移除事件

this.event.remove(&＃39;index/index&＃39;)//移除所有

this.event.remove(&＃39;index/index&＃39;,&＃39;test&＃39;)//移除单个