WebEnh

.net7 mvc jquery bootstrap json 学习中 第一次学PHP,正在研究中。自学进行时... ... 我的博客 https://enhweb.github.io/ 不错的皮肤:darkgreentrip,iMetro_HD
随笔 - 1079, 文章 - 1, 评论 - 75, 阅读 - 174万
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 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 1 2 3 4 5

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

Posted on   WebEnh  阅读(1013)  评论(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按键从而达到全屏的目的。

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多