Failed to execute ‘exitFullscreen‘ on ‘Document‘: Document not active

最新推荐文章于 2024-10-15 17:36:53 发布
最新推荐文章于 2024-10-15 17:36:53 发布
阅读量6.4k 收藏 3
点赞数 7
分类专栏： 前端 Javascript ES6 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42381128/article/details/123232100
版权
前端 同时被 3 个专栏收录
9 篇文章 0 订阅
订阅专栏
Javascript
5 篇文章 0 订阅
订阅专栏
ES6
2 篇文章 0 订阅
订阅专栏

Failed to execute ‘exitFullscreen’ on ‘Document’: Document not active

做全屏非全屏的时候碰到这种报错，发现是判断失误，在未全屏的情况下触发exitFullscreen，会报这个错。碰到这个报错建议多看看自己判断有无漏洞。。网上查了一下 stackoverflow里面有个老哥也碰到了这个问题，但是没有回答。
故在此记录一下。

Tiredot
关注
专栏目录
vue2/3 - 微前端qiankun报错Error in event handler for “updatePopper“: “TypeError: Failed to execute ‘get‘“
高级前端工程师
07-17 2408
vue2，vue3，nuxt.js，qiankun，微前端，乾坤，vue 微前端，vue qiankun报错，Error in event handler for "updatePopper": "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."，主应用的appendChid也会被重写了，这个咋办，关闭沙箱，详细解决办法，还是不行，关闭了，升级，更新，依旧报错
JS 全屏和退出全屏--requestFullScreen详解及兼容代码
weixin_44070934的博客
12-12 1万+
浏览器全屏实现方式 1.利用h5的requestFullScreen 2.摁F11实现全屏效果 requestFullscreen全屏具体实现 1.进入全屏 function full(ele) { if (ele.requestFullscreen) { ele.requestFullscreen(); } else if (ele.mozRequestFullS...
原 HTML5 requestFullScreen&exitFullscreen全屏兼容方案
weixin_33862041的博客
03-15 2294
                     摘要: html5 video全屏实现方式 首先来说，这个标题具有误导性，但这样设置改标题也是主要因为video使用的比较多   在html5中，全屏方法可以适用于很多html标签元素，不仅仅是video   <!doctype html> <html> <head> <meta ch...
delphi txmldocument报错 no active document
dacong的专栏
10-24 4530
 delphi txmldocument报错 no active document,在控制台程序中。 主要表现是使用如下代码: doc := TXMLDocument.Create(nil);  或者 doc:= TXMLDocument.Create('c:\temp\temp.xml'); 如果拖一个控件在form上或者使用TXMLDocument.Create(sef
Uncaught (in promise) TypeError: Cannot convert object to primitive value
最新发布
lotpyve的博客
10-15 1994
说一下我这里这个错误和警告的原因，是因为我把传给 第三方组件的值 也当做了 第三方组件的 ref，可能没太说清楚，所以接下来看代码，我这里使用的第三方组件是 vxe-table。使用vue3的时候报了这个错误，而且还同时报了一个警告。
vue实现全屏、退出全屏方法
总结前端开发中遇到的问题，分享前端知识
08-04 1684
vue实现全屏、退出全屏方法，监听Esc操作
解决Uncaught (in promise) TypeError: fullscreen error视频全屏报错问题
gusijin的博客
03-10 4285
1、问题 视频全屏报错问题： Uncaught (in promise) TypeError: fullscreen error 2、原因 页面嵌套到iframe中，iframe允许全屏的操作 3、解决 iframe加入allowfullscreen=“true” 的属性 <iframe width="100%" height="100%" allowfullscreen="true" frameborder="no"
实现全屏操作
lizhi1030的博客
05-08 597
data() { return { isShowFullScreen: true, // 全屏or退出全屏标志 doc: document.documentElement } }, keyUp(element) { this.isShowFullScreen = !this.isShowFullScreen if (element.req...
Failed to execute ‘requestFullscreen‘ on ‘Element‘: API can
Kaiqisan的博客
07-31 2万+
浏览器无法自启动全屏模式 报错信息：Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be initiated by a user gesture. 翻译：无法在element上执行requestFullscreen方法，这个API只有用户主动行为才可以触发。 window.onload = () => { let element = document.documentElement i
TypeError: Failed to execute 'exitFullscreen' on 'Document': Document not active
05-22
这个错误通常是因为你尝试在一个不支持全屏模式的文档中调用 exitFullscreen 方法。请确保你在支持全屏模式的文档中调用此方法。另外，请注意 exitFullscreen 方法只能在全屏模式下调用，如果你的文档当前不在全屏...
TypeError: Failed to execute 'exitFullscreen' on 'Document': Document not active at main.js:117
05-26
if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { document....
Failed to execute 'exitFullscreen' on 'Document': Document not active我没有进入全屏模式确通过了this.FullScreen判断
06-10
如果您没有进入全屏模式但仍然遇到 "Failed to execute 'exitFullscreen' on 'Document': Document not active" 错误，则可能是因为您在调用 exitFullscreen() 方法之前没有检查当前页面是否处于全屏模式。...
enter-exitFullScreen:用于控制浏览器进入或退出全屏的按钮
06-15
进入-退出全屏 用于控制浏览器进入或退出全屏的按钮 它只适用于 Chrome 和 Firefox； 是玩具！
用案列说明，为什么报`Uncaught (in promise)`错误，并Uncaught解决办法
tangxiaobao2016的博客
01-13 5834
报以下错误，都是一个原因，都是因为你的代码没有捕捉promise返回的错误。，因为写了很多的then,可以最后加个catch即可。最后，想要了解更多，我的博客里面2个介绍。2.用then的第二个回调函数。解决：1是加catch。
全屏及踩坑
weixin_58031521的博客
03-28 894
解决方案二：改变挂载对象：挂到根节点上：document.documentElement，再使用定位fixed目标元素，改变z-index。原因：position:fixed进行相对于视口（viewport）的定位，且元素的位置在屏幕滚动时不会改变。全屏状态下，蚂蚁金服包含下拉框组件的下拉框不展示（包括时间选择，选择下拉框等）原因：下拉框是往body里面插入的，全屏的元素盖住了下拉框。原因：在没有全屏的状态下触发退出全屏的操作。解决：退出全屏时，判断一下当前的全屏状态。
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
Chrome高版本使用screenfull.js全屏功能时报参数错误
我叫陈小皮。
03-27 1万+
报错问题： Uncaught (in promise) TypeError: Failed to execute ‘requestFullscreen’ on ‘Element’: parameter 1 (‘options’) is not an object. 解决办法: 找到node_modules中screenfull.js文件修改其中部分代码即可 借鉴网址，其中有改动原因 ...
Chrome71版本使用screenfull.js全屏功能时报参数错误
花落微凉梦清幽的博客
04-03 3320
最近因为浏览器更新了，使用好好的screenfull.js突然报错了：Failed to execute 'requestFullscreen' on 'Element': parameter 1 ('options') is not an object 于是进入node_modules找到screenfull.js的模块，找到报错的地方， elem = elem || document....
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值