javascript - How can I detect when an iFrame goes fullscreen? -

javascript - How can I detect when an iFrame goes fullscreen? -

i have document embedded in site using iframe. iframe box.com document viewer. iframe has own built in fullscreen button. fullscreen button within iframe cannot attach click event listener button. added attribute allowfullscreen iframe allow go fullscreen.

i want this:

$('iframe').on 'enterfullscreen', () -> # run function

but event have hear to, observe when iframe going fullscreen?

here jsfiddle type of document embedding. goal observe when document goes fullscreen.

http://jsfiddle.net/rnvcm

you can hear fullscreen alter in parent page (the 1 having iframe):

function changehandler(e) { // mode has changed. } document.addeventlistener("fullscreenchange", changehandler, false); document.addeventlistener("webkitfullscreenchange", changehandler, false); document.addeventlistener("mozfullscreenchange", changehandler, false);

javascript jquery html events iframe