002-baweb-github/script.js at master · pixeloxx/002-baweb-github · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
if (document.fullscreenElement) {
    // curently fullscreen
} else {
    this.addFullScreenButton()
}


function addFullScreenButton () {
    let button = document.createElement('FullScreenButton')
    button.innerHTML = '[ + ]'
    let body = document.getElementsByTagName('body')[0]
    body.insertBefore(button, body.childNodes[0])
    button.addEventListener('click', function () {
        this.openFullscreen()
        button.remove()
    }.bind(this))

    document.addEventListener("fullscreenchange", function (e) {
        e.stopPropagation();
    });

}

function openFullscreen () {
    let elem = document.documentElement
    if (elem.requestFullscreen) {
        elem.requestFullscreen()
    } else if (elem.mozRequestFullScreen) { /* Firefox */
        elem.mozRequestFullScreen()
    } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
        elem.webkitRequestFullscreen()
    } else if (elem.msRequestFullscreen) { /* IE/Edge */
        elem.msRequestFullscreen()
    }
}