javascript - 父页面监听iframe中的事件问题
问题描述
始终无法监听到，是什么原因？parent.html
<body> <iframe src='https://www.haobala.com/wenda/son.html' frameborder='0'></iframe><script src='https://www.haobala.com/wenda/jquery.js'></script><script> $(function(){$($(’#iframe’)[0].contentWindow).on(’dosomething’, function(){ alert(’接收到到iframe的事件’);}); });</script></body>
son.html
<body><h1>son</h1> <button id='button'>trigger</button><script src='https://www.haobala.com/wenda/jquery.js'></script><script> $(function(){$(’#button’).on(’click’, function(){ $(window).trigger(’dosomething’);}); });</script></body>
谢谢！
Dont
刚才搜索时发现的，也不错，兼容性可以MessengerJShttps://github.com/biqing/Mes...跨文档通信解决方案
问题解答
回答1：son.html
$(function(){$(’#button’).on(’click’, function(){ window.parent.$(window).trigger(’dosomething’);}); });
事件是在父页面的jquery里定义的，要触发需要交由父页面的jquery来负责触发。
jquery源码太久没看了，找半天，没找到对应的内容来说明。
回答2：页面间通信可以使用 postMessage。
或者只在同一个页面绑定和处理事件。
$(’#iframe’).contents().find(’#button’).on('click', function(){ $(window).trigger(’dosomething’);});回答3：
无法监听到的原因是因为父页面通过on方法执行事件绑定的时候，将事件回调函数注册在了父页面的jquery对象中。而子页面在执行trigger方法的时候只会寻找子页面的jquery对象中注册的事件回调，所以在事件触发后执行不了父页面注册的事件回调函数，因为在子页面的jquery对象里找不到。
回答4：两个jq, 两个环境, 确定没问题么?
------ 上面是原答案, 下面是我被举报以后的吐槽 -------
我想请问举报我的那个, 两个jq环境, 这是不是你无法触发事件的原因? 我这个回答有什么问题? 你举报的理由是啥?
相关文章：
1. angular.js - Angularjs中点击事件传递参数 给class更换样式。2. html5 - 手机连接电脑在谷歌上调试app,出现如下的情况3. 下一个页面的三角在上面一个页面会出现，在缩放的时候会遮住文字。4. android - mac平台运行快捷键咋按5. weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用6. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始7. 为什么span的color非要内联样式才起作用？8. mysql 能不能创建一个 有列级函数 的联合视图?9. javascript - vue-cli热更新的问题【webpack配置】10. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？
网公网安备