mui.fire()触发自定义事件
来源:互联网 发布:淘宝卖家那里改包邮 编辑:程序博客网 时间:2024/05/18 01:58
监听自定义事件
添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下:
window.addEventListener('customEvent',function(event){
//通过event.detail可获得传递过来的参数内容
....
});
触发自定义事件
通过mui.fire()方法可触发目标窗口的自定义事件
目标webview必须触发loaded事件后才能使用自定义事件
若新创建一个webview,不等该webview的loaded事件发生,就立即使用webview.evalJS()或mui.fire(webview,'eventName',{}),则可能无效
假设如下场景:从新闻列表页面进入新闻详情页面,新闻详情页面为共用页面,通过传递新闻ID通知详情页面需要显示具体哪个新闻,详情页面再动态向服务器请求数据,mui要实现类似需求可通过如下步骤实现:
添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下:
window.addEventListener('customEvent',function(event){
//通过event.detail可获得传递过来的参数内容
....
});
触发自定义事件
通过mui.fire()方法可触发目标窗口的自定义事件
目标webview必须触发loaded事件后才能使用自定义事件
若新创建一个webview,不等该webview的loaded事件发生,就立即使用webview.evalJS()或mui.fire(webview,'eventName',{}),则可能无效
示例
假设如下场景:从新闻列表页面进入新闻详情页面,新闻详情页面为共用页面,通过传递新闻ID通知详情页面需要显示具体哪个新闻,详情页面再动态向服务器请求数据,mui要实现类似需求可通过如下步骤实现:
- 在列表页面中预加载详情页面(假设为detail.html)
- 列表页面在点击新闻标题时,首先,获得该新闻id,触发详情页面的newsId事件,并将新闻id作为事件参数传递过去;然后再打开详情页面;
- 详情页面监听newsId自定义事件
列表页面代码如下:
//初始化预加载详情页面mui.init({ preloadPages:[{ id:'detail.html', url:'detail.html' } ]});var detailPage = null;//添加列表项的点击事件mui('.mui-content').on('tap', 'a', function(e) { var id = this.getAttribute('id'); //获得详情页面 if(!detailPage){ detailPage = plus.webview.getWebviewById('detail.html'); } //触发详情页面的newsId事件 mui.fire(detailPage,'newsId',{ id:id });//打开详情页面 www.bcty365.com mui.openWindow({ id:'detail.html' });});
详情页面代码如下:
//添加newId自定义事件监听window.addEventListener('newsId',function(event){ //获得事件参数 var id = event.detail.id; //根据id向服务器请求新闻详情 .....});
转载请注明(B5教程网)原文链接:http://www.bcty365.com/content-146-3217-1.html
阅读全文
0 0
- mui.fire()触发自定义事件
- H5开发01——mui.fire()触发自定义事件
- MUI框架学习之[事件取消][事件触发][手势事件][自定义事件]
- MUI自定义事件
- mui 模拟自定义事件
- wxWidgets 自定义事件触发
- 【mui】 事件管理及自定义事件详解
- 键盘事件触发自定义事件
- mui.fire()用法
- MUI自定义事件的两种方法
- JQuery注册触发自定义事件
- mui中关于自定义事件的一些小理解
- .net 触发自定义控件的事件
- C#中自定义事件的触发
- android 自定义View事件触发顺序
- echars 自定义触发鼠标悬停事件
- JS创建自定义事件及触发
- 通过c# 实现自定义属性改变触发自定义事件 ,理解自定义事件及其触发过程
- 零基础学图形学(12) 几何知识——创建面向矩阵或者本地坐标系统
- SITA研究智能合约在航空运输业中的应用
- js获取html文本框值,判断,跳转
- 【云星数据---mesos实战系列003】:marathon实战006--用marathon部署一个ubuntu应用
- 在我开始自由职业生涯前应该明白的4件事
- mui.fire()触发自定义事件
- Spark SQL运行原理和架构
- Hyperledger的区块结构
- 网站怎么整个用windows扒下来,网站模仿精灵免费下载
- devexpress 16 17打包发布后,程序无法启动
- 技术积累 — IIC之深入理解
- JavaScript typeof运算符
- Tensorflow深度学习笔记(二)-图、会话和变量
- nRF52832 — 有关Drive configuration的相关配置