Javascript,将postMessage发送到Iframe 函数onload() { document.onkeypress=功能(e){ //e、 preventDefault();//防止任何默认浏览器行为。 console.log('send:'+e); document.getElementById('iframe').contentWindow.postMessage('Hello Treehouse!','*my*'); } addEventListener('message',函数(事件){console.log('get:'+event);},false); }

Javascript,将postMessage发送到Iframe 函数onload() { document.onkeypress=功能(e){ //e、 preventDefault();//防止任何默认浏览器行为。 console.log('send:'+e); document.getElementById('iframe').contentWindow.postMessage('Hello Treehouse!','*my*'); } addEventListener('message',函数(事件){console.log('get:'+event);},false); },javascript,Javascript,我想将按键转发到iframe,但到目前为止,它不起作用,iframe不接收消息看起来您正试图将侦听的事件绑定到与发送方相同的窗口中,而实际上您需要在iframe本身中绑定该事件 i、 e.在您的iFrame中有以下代码: <body onload="onload();"> function onload() { document.onkeypress = function(e) { //e.preventDefault(); // Prevent any d

我想将按键转发到iframe,但到目前为止,它不起作用,iframe不接收消息

看起来您正试图将侦听的事件绑定到与发送方相同的窗口中,而实际上您需要在iframe本身中绑定该事件

i、 e.在您的iFrame中有以下代码:

<body onload="onload();">

function onload()
{
    document.onkeypress = function(e) {
        //e.preventDefault(); // Prevent any default browser behaviour.
        console.log('send: '+e);
        document.getElementById('iframe').contentWindow.postMessage ('Hello Treehouse!', '*my*');
    }
    window.addEventListener('message', function(event) { console.log('get: '+event); }, false);
}
</script>

addEventListener('message',函数(事件){console.log('get:'+event);},false);

查看postMessage,它与您的类似吗?我看不出有什么不同
<script>
    window.addEventListener('message', function(event) { console.log('get: '+event); }, false);
</script>