mui---mui.fire触发自定义事件传事件对象中的参数

fire_event_send_page.html(发送页面)

<!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
    </head>

    <body>
        <button id="btn_send" type="button" class="mui-btn mui-badge-danger">使用mui.fire触发自定义事件传递参数</button>
        <script src="js/mui.min.js"></script>
        <script type="text/javascript">
            mui.init();
            var ws=null;
            mui.plusReady(function  () {
                ws=plus.webview.create(‘fire_event_recieve_page.html‘,‘fire_event_recieve_page‘);
            });
            document.getElementById("btn_send").addEventListener(‘tap‘,function() {
                //‘my_event‘是自定义事件名称,name是事件参数 ,监听事件中回调用函数可用event.detail.name获取
                mui.fire(ws,‘my_event‘,{name:‘zyz‘});
                ws.show();
            });
        </script>
    </body>

</html>

fire_event_recieve_page.html(接收页面)

<!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
    </head>

    <body>
        <div id="div1"></div>
        <script src="js/mui.min.js"></script>
        <script type="text/javascript">
            mui.init();
            //监听事件my_event
            window.addEventListener(‘my_event‘,function(event) {
                //event是事件对象,可以得到触发时的事件参数
                document.getElementById("div1").innerText=‘hi,‘+event.detail.name;
            })
        </script>
    </body>

</html>

原文地址:https://www.cnblogs.com/beast-king/p/9113630.html

时间: 2024-10-28 14:33:11

mui---mui.fire触发自定义事件传事件对象中的参数的相关文章

mui.fire()触发自定义事件

导读:添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,通过mui.fire()方法可触发目标窗口的自定义事件. 监听自定义事件 添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){  //通过event.detail可获得传递过来的参数内容    .... }); 触发自定义事件 通过mui.fire()方法可触发目标窗口的自

mui触发自定义事件(子页面返回传递给父级页面值)

在App开发中,经常会遇到子页面给父级页面传值,通过自定义事件,用户可以轻松实现数据传递. 一.添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){ //通过event.detail可获得传递过来的参数内容.... }); 1.customEvent   自定义事件的名称 2.function    接收到值后处理的方法 二.触发自定义事件 通过mui.f

[转] C#中如何截取Windows消息来触发自定义事件

原文 C#中如何截取Windows消息来触发自定义事件 在c#windows开发中,我们常常会遇到拦截windows消息,来触发某个特定任务的问题. 由于目前使用c#的开发人员非常多,而且大多数c#程序员都不是从Windwos c++转过来的对windows消息机制不怎么了解,遇到这类问题还是挺棘手的,我们公司有个同事问,就写这个小实例,帮助那些遇到此类问题的兄弟姐妹. 实现方式目前有两种: 1 使用Control类的虚方法WndProc来截取Windows消息 基类为Control类的所有控件

【朝花夕拾】Android自定义View篇之(六)Android事件分发机制(中)从源码分析事件分发逻辑及经常遇到的一些“诡异”现象

前言 转载请注明,转自[https://www.cnblogs.com/andy-songwei/p/11039252.html]谢谢! 在上一篇文章[[朝花夕拾]Android自定义View篇之(五)Android事件分发机制(上)Touch三个重要方法的处理逻辑][下文简称(五),请先阅读完(五)再阅读本文],我们通过示例和log来分析了Android的事件分发机制.这些,我们只是看到了现象,如果要进一步了解事件分发机制,这是不够的,我们还需要透过现象看本质,去研究研究源码.本文将从源码(基

FileSystemWatcher触发多次Change事件的解决办法

(转) 最近要用到FileSystemWatcher来监控某个目录中的文件是否发生改变,如果改变就执行相应的操作(具体操作如:打开文档,添加一行,保存).但在开发过程中,发现FileSystemWatcher在文件创建或修改后,会触发多个Created或Changed事件,具体原因就是处理文件的过程中执行了多次文件系统操作,触发了多次事件.具体可以参看微软的关于FileSystemWatcher这方面的解释:Troubleshooting FileSystemWatcher Components

百度地图JS API移动端,phonegap 自定义覆盖物Click事件无法执行 的 bug 解决方法

当你为自定义覆盖物添加了click事件后,你会发现在移动端是无论如何也触发不了的,这算是一个BUG. 最近我在为我的地图APP开发第二版,在为一个覆盖物添加行为事被困扰到了,自定义覆盖物的click事件竟然无法在iPhone端触发,以及百度地图JS API里面的开源库涉及到自定义覆盖物click事件的均无效. 我为这个BUG烦恼了很久,直到今天,在QQ群里网友(在此要先感谢这位网友mooring)告诉了我解决方法:iPhone上的自定义覆盖物事件默认会触发map的click事件,如果map定义了

自定event事件之全局初始化中自动触发(二)

利用(一)组件:Y_GLOBAL_EVENT 场景:界面加载后在COMPONENTCONTROLLER触发自定义event事件 首先要搞懂WebDynpro启动时的hokeMethod执行顺序如下图: 从上至下,依次进行 从执行顺序中可以看出加载完VIEW视图之后,最后会执行COMPONENTCONTROLLER中的一个叫WDDOPOSTPROCESSING方法, 所以我们可以利用该方法将触发event. METHOD wddopostprocessing . wd_this->fire_tes

ajax的status为201依然触发jquery的error事件的问题

昨天在调试一个ajax的时候发现,即使status是201,仍然会触发jquery的error事件.statusText是"parseerror". 通过在stackoverflow上查询,戳这里. 加上参数 dataType:"text" 就可以解决. 而问题产生的原因在评论里写的也很详细.但是并不对,他弄错了convert的位置,在jquery判断状态码前,就已经进行了ajaxConvert. // Determine if successful,判断statu

ListView使用自定义适配器的情况下实现适配器的控件点击事件执行Activity界面中的方法

如果ListView使用的是自定义的适配器,比如MyArrayAdapter extends ArrayAdapter<String> 那么,如何实现适配器中的点击事件执行activity界面中的方法呢? 实现思路:在自定义适配器MyArrayAdapter 类型中自定义接口和接口方法,然后在activity界面中MyArrayAdapter实例实现这个接口. 较为完整的代码见上文. 1.MyArrayAdapter 关键代码 自定义接口和方法的代码如下: //列表项的单击事件监听接口 pub