JavaScript for full screen

1 can add events, full-screen error events

2 IE11 or more

3 Chrome fullscreen needs to set the width and height of the element, otherwise the thumbnail size is displayed

GLOBAL. Bigscreen =function(node) { This. _enable =false;  This. _node =NULL; varV_node =typeofnode = = "String"?document.getElementById (node): node; if(typeof(v_node) = = "Undefined" | | V_node = =NULL)  {      This. _node =document; }Else  {      This. _node =V_node; }  if(document.fullscreenenabled | | document.webkitfullscreenenabled | | document.mozfullscreenenabled | |document.msfullscreenenabled) { This. _enable =true; }}global. BigScreen.prototype.enable=function(){   return  This. _enable;} GLOBAL. BigScreen.prototype.isFullScreen=function(){   if(Document.fullscreenelement | | document.webkitfullscreenelement | | document.mozfullscreenelement | |document.msfullscreenelement) {return true; }Else   {      return false; }}global. BigScreen.prototype.toggle=function(){     if( This. _enable = =false)   {       This. _defaulttofullscreen (); return; }   varreq =NULL; if( This. IsFullScreen ()) {req= This. _node.exitfullscreen| | This. _node.webkitexitfullscreen | | This. _node.mozcancelfullscreen | | This. _node.msexitfullscreen; Req.call ( This. _node); }Else  {    if( This. _node.nodename = = "#document") {req= This. _node.body.requestfullscreen | | This. _node.body.webkitrequestfullscreen | | This. _node.body.mozrequestfullscreen | | This. _node.body.msrequestfullscreen; Req.call ( This. _node.body); }   Else{req= This. _node.requestfullscreen | | This. _node.webkitrequestfullscreen | | This. _node.mozrequestfullscreen | | This. _node.msrequestfullscreen; Req.call ( This. _node); }}}global. BigScreen.prototype.addOnFullScreenError=function(handler,scope) {if( This. _enable = =false)          return  NULL; if(document.fullscreenenabled) {returnGLOBAL. Event.on (document, "Fullscreenerror", Handler,scope); } Else if(document.webkitfullscreenenabled) {returnGLOBAL. Event.on (document, "Webkitfullscreenerror", Handler,scope); } Else if(document.mozfullscreenenabled) {returnGLOBAL. Event.on (document, "Mozfullscreenerror", Handler,scope); } Else if(document.msfullscreenenabled) {returnGLOBAL. Event.on (document, "Msfullscreenerror", Handler,scope); }} GLOBAL. BigScreen.prototype.addOnFullscreenChange=function(handler,scope) {if( This. _enable = =false)          return; if(document.fullscreenenabled) {GLOBAL. Event.on (document,"Fullscreenchange", Handler,scope); } Else if(document.webkitfullscreenenabled) {GLOBAL. Event.on (document,"Webkitfullscreenchange", Handler,scope); } Else if(document.mozfullscreenenabled) {GLOBAL. Event.on (document,"Mozfullscreenchange", Handler,scope); } Else if(document.msfullscreenenabled) {GLOBAL. Event.on (document,"Msfullscreenchange", Handler,scope); }} GLOBAL. Bigscreen.prototype._defaulttofullscreen=function(){       if( This. _enable)return; if(typeofWindow. ActiveXObject!== "undefined") {    varwscript =NewActiveXObject ("Wscript.Shell"); if(WScript!==NULL) {WScript. SendKeys ("{F11}"); }  }}

JavaScript for full screen