WebEnh

.net7 mvc jquery bootstrap json 学习中 第一次学PHP,正在研究中。自学进行时... ... 我的博客 https://enhweb.github.io/ 不错的皮肤:darkgreentrip,iMetro_HD
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery实现当前页面按钮点击全屏,点击退出全屏

Posted on 2016-11-22 13:10  WebEnh  阅读(1029)  评论(0)    收藏  举报
[javascript] view plain copy print?在CODE上查看代码片派生到我的代码片
  1. var fullscreen=function(){  
  2.     elem=document.body;  
  3.     if(elem.webkitRequestFullScreen){  
  4.         elem.webkitRequestFullScreen();     
  5.     }else if(elem.mozRequestFullScreen){  
  6.         elem.mozRequestFullScreen();  
  7.     }else if(elem.requestFullScreen){  
  8.         elem.requestFullscreen();  
  9.     }else{  
  10.         //浏览器不支持全屏API或已被禁用  
  11.     }  
  12. }  
  13. var exitFullscreen=function(){  
  14.     var elem=document;  
  15.     if(elem.webkitCancelFullScreen){  
  16.         elem.webkitCancelFullScreen();      
  17.     }else if(elem.mozCancelFullScreen){  
  18.         elem.mozCancelFullScreen();  
  19.     }else if(elem.cancelFullScreen){  
  20.         elem.cancelFullScreen();  
  21.     }else if(elem.exitFullscreen){  
  22.         elem.exitFullscreen();  
  23.     }else{  
  24.         //浏览器不支持全屏API或已被禁用  
  25.     }  
  26. }  

需要注意,由于安全限制,需要由事件触发fullscreen,比如绑定到某按钮的单击事件上。直接在控制台调用可能无效。
IE的话可能不支持全屏API,原因大家都懂,在最后的else里面是提示还是使用window.open来实现你可以自己决定

问:我想问下ie下除了用flash没有别的方法了吗?
答:ie下除了flash、window.open之外,应该可以使用ActiveXObject模拟F11按键从而达到全屏的目的。