apiCloud事件发送与监听

简介:

apiCloud事件发送与监听

1.sendEvent

将任意一个自定义事件广播出去,该事件可在任意页面通过 addEventListener 监听收到。

sendEvent({params})

2.addEventListener

监听事件,支持系统事件和自定义事件。

addEventListener({params}, callback(ret, err))

3.removeEventListener

移除事件监听。

removeEventListener({params})

看例子,

登出页面发送登出事件

// 登出
function loginout() {
    $api.clearStorage(); // 清除登录数据
    var toast = new auiToast();
    toast.success({
        title: "退出成功",
        duration: 2000
    });

    api.sendEvent({
        name: 'loginout',
        extra: {
            msg: '登出成功'
        }
    });
    setTimeout("api.closeWin({})", 2000);
}

个人中心对事件进行监听,

    //监听登出事件
    api.addEventListener({
        name: 'loginout'
    }, function(ret, err) {
        location.href = './userLogin.html';
    });

监听成功将跳转到登录页面。

小结

通过监听,可以灵活的处理一些业务需求~




本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5968931.html,如需转载请自行联系原作者

相关文章
|
4月前
|
设计模式 小程序 API
小程序之页面通信&派发通知
小程序之页面通信&派发通知
|
6月前
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
249 0
|
8天前
|
JavaScript 前端开发
在页面中监听多个广播通道
使用 JavaScript 的 `BroadcastChannel` 可以监听多个广播通道。示例展示了如何创建并处理两个通道"channel1"和"channel2"的事件。每个通道都有独立的`onmessage`事件处理程序,接收到消息时会在控制台打印。可以按需创建多个通道,并在不再需要时调用`channel.close()`关闭以释放资源。
|
1月前
v-on能否监听多个事件?
v-on能否监听多个事件?
|
6月前
|
移动开发 前端开发 Java
前端实时消息提示的效果-websocket长轮询
前端实时消息提示的效果-websocket长轮询
33 0
|
5月前
[Qt5] 鼠标响应事件和计时器事件
[Qt5] 鼠标响应事件和计时器事件
26 0
|
小程序 API
微信小程序:EventChannel实现页面间事件通信通道
微信小程序:EventChannel实现页面间事件通信通道
562 0
|
前端开发
如何自定义Electron的通知事件,自定义窗口大小
当外层添加拖拽后,里层添加点击事件时,点击事件的元素要添加这个样式方能添加点击事件
|
移动开发 前端开发 API
【前端】【H5 API】addEventListener监听网络状态的变动
【前端】【H5 API】addEventListener监听网络状态的变动
369 0