打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
用JS实现F11全屏切换
userphoto

2022.09.05 湖南

关注

 进入全屏模式:requestFullscreen()

 // Element是某一个元素对象(例如:文档元素document.documentElement什么的,要全屏的元素)

 Element.requestFullscreen()

 Element.mozRequestFullScreen() // 兼容 Mozilla 类型的浏览器

 Element.webkitRequestFullScreen() // 兼容 webkit 类型浏览器

 Element.msRequestFullscreen()  // 兼容 Trident 类型的浏览器


- 退出全屏模式:exitFullscreen()

// document是文档对象

document.exitFullscreen()

document.mozCancelFullScreen() // 兼容 Mozilla 类型的浏览器

document.webkitCancelFullScreen() // 兼容 webkit 类型浏览器

document.msExitFullscreen()  // 兼容 Trident 类型的浏览器


- Tips:

requestFullscreen() 更详细用法可参考:

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/exitFullscreen

exitFullscreen() 更详细用法可参考:

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullScreen

————————————————

版权声明:本文为CSDN博主「sanye丶」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_42029374/article/details/105296207

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Javascript 开启浏览器全屏模式
UniGUI 登录全屏 退出全屏
vue如何全屏(点击一个按钮界面全屏展示)
使用JavaScript中的全屏API以全屏显示内容
Axure实战20:使用Axure和JavaScript实现浏览器FullScreen全屏效果
36个工作中常用的JavaScript函数片段
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服