Use JavaScript for full-screen browser

Full screens in HTML 5 can now be used in browsers other than IE and opera, sometimes for
Full-screen API, game Ah, etc. are very useful. See the Common API first

1 Element.requestfullscreen ()

Function: Request an element full screen

2
document.getElementById ("MyCanvas"). Requestfullscreen ()

This is where the element ID goes to request fullscreen

3
Exit Full Screen
Document.cancelfullscreen ()

4
Document.fullscreen

Returns true if the user is in full-screen mode
5 document.fullscreenelement
Returns the element that is currently in full-screen mode

The following code is to turn on full screen mode:

1. Function fullscreen (element)  {  
2.    if (element.requestfullscreen)  {  
3.     element.requestfullscreen ();   
4.   } else if ( element.webkitrequestfullscreen )  {  
5.      Element.webkitrequestfullscreen ();   
6.   } else < span class= "keyword" >if (element.mozrequestfullscreen)  {  
7.      element.mozrequestfullscreen ();   
8.   }  
9. }   

    The following code is the entire page called full-screen mode  
  var html = document.documentelement; 
Fullscreen (HTML);  
   The following is for the specified element, such as  
  var canvas = document.getElementById (' MyCanvas ');  
fullscreen (canvas);  
   If you want to cancel, also:  
  

1. // the helper function  
2. Function fullscreencancel ()  {  
3.   if ( Document.requestfullscreen)  {  
4.      Document.requestfullscreen ();   
5.   } else if (document .webkitrequestfullscreen )  {  
6.     document.webkitrequestfullscreen ();   
7.   } else if (document .mozrequestfullscreen)  {  
8.     document.mozrequestfullscreen ();   
9.   }   
10. }  
11.   
12.   
13. fullscreencancel ();   

But to be honest, there's a problem with full screens, which can easily lead to deception, such as
http://feross.org/html5-fullscreen-api-attack/, which has a good demo,
To cheat, such as a link to write a http://www.bankofamerica.com, people think is the Bank of America,
A bit in, because using the full-screen API will deceive people

2. $ (' HTML '). On (' click KeyPress ', ' a ', function (event) {
6. //Do not respond to true a-href click events
8. Event.preventdefault ();
10. Event.stoppropagation ();
14. //Trigger fullscreen
16. if (elementprototype.requestfullscreen) {
18. Document.documentElement.requestFullscreen ();
20. } Else if (elementprototype.webkitrequestfullscreen) {
22. Document.documentElement.webkitRequestFullScreen (Element.allow_keyboard_input);
24. } Else if (elementprototype.mozrequestfullscreen) {
26. Document.documentElement.mozRequestFullScreen ();
28. } Else {
30. //  
32. }
36. //Show fake UI
38. $ (' #menu, #browser '). Show ();
44. $ (' #target-site '). Show ();
46. });

Detailed code can be downloaded in Https://github.com/feross/fullscreen-api-attack

Use JavaScript for full-screen browser