Javascript, postMessage to Iframe

Question

<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>

I want to forward keypresses to iframe but so far it doesnt work, iframe doesnt receive the messages

Answer 1

It looks like you're trying to bind the event listening within the same window as the sender, when you actually need that within the iFrame itself.

ie within your iFrame have this code:

<script>
    window.addEventListener('message', function(event) { console.log('get: '+event); }, false);
</script>

Javascript, postMessage to Iframe

Question

1 answers

solution1
2 2014-10-05 13:08:13

Javascript, postMessage to Iframe

Question

1 answers

solution1 2 2014-10-05 13:08:13

solution1
2 2014-10-05 13:08:13