child-message-event-api.html (900B)
1 <!DOCTYPE html> 2 <body style="background: red;"> 3 <script> 4 window.parent.postMessage("child-loaded", 5 {targetOrigin: "*", includeUserActivation: true}); 6 window.addEventListener("click", event => { 7 window.parent.postMessage("child-clicked", 8 {targetOrigin: "*", includeUserActivation: true}); 9 var win = window.open('404.html'); 10 win.close(); 11 }); 12 13 window.addEventListener("message", event => { 14 if (event.data == "report") { 15 window.parent.postMessage("child-report", 16 {targetOrigin: "*", includeUserActivation: true}); 17 } 18 if (event.data == "report-no-activation") { 19 window.parent.postMessage("child-report-no-activation", 20 {targetOrigin: "*", includeUserActivation: false}); 21 } 22 }); 23 </script> 24 </body>