HTML5 Fullscreen Event Listener

Question

I\'m trying to detect if the current document is fullscreen or not using:

document.addEventListener(\'webkitfullscreenchange mozfullscreenchange fullscreench         


        

Answer 1

A convenient library-free solution:

["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach(
    eventType => document.addEventListener(eventType, yourCheckFunction, false)
);

or alternatively:

["", "webkit", "moz", "ms"].forEach(
    prefix => document.addEventListener(prefix+"fullscreenchange", yourCheckFunction, false)
);