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

Posted 有挫败才有成长

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于mui---mui.fire触发自定义事件传事件对象中的参数的主要内容,如果未能解决你的问题,请参考以下文章

Vue 组件之间传参!

自定义vue点击事件传递数据

观察者模式实践-实现winform 窗体之间传值(事件实现)

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

父子组件信息传递(子传父)

使用原生代码实现一个Events模块,可以实现自定义事件的订阅触发移除功能