热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

postMesage被多次触发

1.按钮点击的时候会给iframe子页面传值,第一次点击的,子页面收到一次信息,第二次点击的时候,子页面就收到两条信息,这个按钮点第三次的时候,子页面收到三次信息。在不刷新页面的情况下,

1.按钮点击的时候会给iframe子页面传值,第一次点击的,子页面收到一次信息,
第二次点击的时候,子页面就收到两条信息,这个按钮点第三次的时候,子页面收到三次信息。在不刷新页面的情况下,第几次点击,子页面就收到几次消息。
`
sendMessageToChildren: function (data, id) {

1
2
3
4
5
6
7
8
9
10
        this.log('发送数据到游戏页面')

        var f_window = document.getElementById(id);

        if (f_window) {

            var url = f_window.src;

        } else {

            this.log('未获取到iframe信息');

            return

        }

        f_window.contentWindow.postMessage(data, url);

    },

//获取父元素传送的值

1
2
3
4
5
6
7
8
9
    getFatherMsg: function (callback) {

        this.log('游戏面进入监听');

        var _this = this;

        window.addEventListener('message', function (e) {

            _this.log('监听到父页面数据');

            _this.log(e.data);

            callback && callback(e.data);

        }, false);

    },

`


推荐阅读
author-avatar
魔帝君
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有