HTML5全屏API

// Assuming jQuery is available
 
// Fullscreen the HTML document on click
$(‘#fullscreen-button‘).on(‘click‘, function() {
    var doc = document.documentElement;
    if (doc.requestFullscreen) {
        doc.requestFullscreen();
    }
});

$(‘html‘).on(‘click keypress‘, ‘a‘, function(event) {

    // 阻止默认行为及冒泡
    event.preventDefault();
    event.stopPropagation();
 
    // Trigger fullscreen
    if (element.requestFullscreen) {
        document.documentElement.requestFullscreen();
    } else if (element.webkitRequestFullScreen) {
        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    } else if (element.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();
    } else {
        // fail  nothing todo
    }
 
    // Show fake OS and browser UI
    $(‘#menu, #browser‘).show();
 
    // Show fake target site
    $(‘#target-site‘).show();

});