Breaking News: Grepper is joining You.com. Read the official announcement!

full screen view element js & html

Ashikur Rahman SA answered on September 19, 2022 Popularity 1/10 Helpfulness 3/10

answer full screen view element js & html

full screen view element js & html

Comment

function toggleFullScreen(elem) {
    // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
        if (elem.requestFullScreen) {
            elem.requestFullScreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullScreen) {
            elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        } else if (elem.msRequestFullscreen) {
            elem.msRequestFullscreen();
        }
    } else {
        if (document.cancelFullScreen) {
            document.cancelFullScreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
            document.webkitCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}


html=>  <input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen(document.body)">

Popularity 1/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: element html javascript screen view

Link to this answer
Share Copy Link

Contributed on Sep 19 2022

Ashikur Rahman SA

0 Answers Avg Quality 2/10

full screen view element js & html

Contents

More Related Answers

full screen view element js & html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.