猿问

父页面监听iframe中的事件问题

始终无法监听到,是什么原因?

parent.html

<body>
    <iframe id="iframe" src="son.html" frameborder="0"></iframe><script src="./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="./jquery.js"></script><script>
    $(function(){
        $('#button').on('click', function(){
            $(window).trigger('dosomething');
        });
    });</script></body>

谢谢!

Dont

刚才搜索时发现的,也不错,兼容性可以
MessengerJS
https://github.com/biqing/Mes...
跨文档通信解决方案


吃鸡游戏
浏览 880回答 1
1回答

至尊宝的传说

son.html&nbsp;$(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#button').on('click',&nbsp;function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.parent.$(window).trigger('dosomething'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;});事件是在父页面的jquery里定义的,要触发需要交由父页面的jquery来负责触发。jquery源码太久没看了,找半天,没找到对应的内容来说明。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答