问题标签 [fullscreenchange]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2237 浏览

jquery - jquery fullscreenchange 和 on.click 事件

我有一个带有响应式视频的滑块,可以全屏显示。在全屏模式下单击海报图像时,我想获取.clientWidth图像以设置加载视频 iframe 的 div (.sp-layer)

事件fullscreenchange似乎工作正常,但是每当我单击.on('click')事件的链接时,fullScreenMode 是未定义的?

0 投票
3 回答
544 浏览

fullscreen - 如何使用javascript检测弹出框“退出全屏(F11)”上的用户CLICK?

当屏幕为全屏模式时。用户可以通过按下F11或单击弹出框进入正常模式进入正常模式。我如何检测用户点击弹出框而不是任何类型的按键“退出全屏(F11)”与javascript在此处输入图像描述

记住我需要点击事件监听器而不是按键事件监听器

0 投票
2 回答
1580 浏览

android - 如何通过android中的adb检测屏幕变化

我正在寻找一种方法来检测屏幕是否从以前的屏幕发生变化。我的意思是:我的“屏幕 A”有很多按钮 - 我正在尝试按下所有按钮,但只有其中一个会带我到“屏幕B”..

我正在寻找一种方法,可以循环遍历所有按钮并在到达“屏幕 B”后中断 - 通过 adb

我尝试uiautomator dump从前一个屏幕查看,每次单击按钮后,获取“新”屏幕的 UI 层次结构并进行比较 - 但结果并不成功。

有任何想法吗?谢谢

0 投票
2 回答
910 浏览

firefox - Firefox 浏览器设置,以避免在将鼠标指向屏幕顶部时全屏显示菜单栏或任务栏

我在rhel6.2中使用firefox 3.0。当我按F11时,会出现全屏模式,但是如果在全屏模式下鼠标指针移到屏幕顶部,则会出现任务栏。我想避免这个酒吧的出现。我已经搜索了网络,但得到了如何全屏显示它们的答案。请建议我需要做的设置。

0 投票
0 回答
43 浏览

javascript - 检测用户切换到全屏

当我的网页使用 Fullscreen API 请求全屏访问requestFullscreen它可以安装一个fullscreenchange事件处理程序以通知进入/退出全屏。但是,当用户自行进入全屏模式时(如在 Chrome 中按 F11),似乎不会通知此处理程序。

有没有办法通知这个?我的动机是一旦用户按下 F11 或使用浏览器菜单切换到全屏,我想使用Pointer Lock API锁定指针。

0 投票
1 回答
970 浏览

javascript - 使用 p5.js 更改游戏画面和更改角色图像

我正在创建一个简单的电脑游戏。概念是屏幕上有随机的鸟,当鼠标按下时,鸟停止并变成死鸟图像。当用户在 30 秒内点击所有小鸟时,我需要帮助在屏幕上显示“你赢了”。另外,当用户单击鸟时,我不确定如何将我的鸟图像更改为死鸟。这是我到目前为止所拥有的:

0 投票
2 回答
4858 浏览

jquery - HTML5 - 阻止全屏模式

我正在使用带有嵌入式 YouTube 视频的全屏 API来检测浏览器窗口是否已进入全屏模式。我工作得很好。

我想做的是防止发生进入全屏模式的默认行为。我想加入我自己的全屏模式逻辑,这样我就可以在 YouTube 播放器上覆盖 DOM 元素。目前,我可以在进入全屏模式后立即退出,但这会给用户带来糟糕和混乱的体验。

一种解决方法是使用 YouTube 的 Player API 参数删除全屏按钮,并使用我自己的逻辑添加我自己的按钮,但这并不理想,因为用户仍然可以双击 YouTube 播放器使其全屏显示。

这是我检测浏览器全屏状态的代码:

使用preventDefault(),stopPropagation()stopImmediatePropagation()没有用,所以我被困在这一点上。如果确实可以,如何防止浏览器进入全屏模式?

0 投票
1 回答
1474 浏览

javascript - 在 javascript 中从 youtube 禁用“allowfullscreen”

为了防止从 iframe 中双击全屏,您只需从 iframe 代码中删除“ allowfullscreen ”。

但是,如果您不使用 iframe,如何通过 youtube javascript api 完成?

我似乎无法弄清楚

这似乎很简单,但我似乎无法弄清楚。

这将如何完成?

我一直在寻找,并没有找到任何这样做的代码。

我正在尝试的任何事情似乎都不起作用。

如果可以通过iframe完成,难道不应该也可以通过javascript完成吗?

另外: fs:0;不删除双击全屏。

https://jsfiddle.net/zb6mkug3/829/

0 投票
1 回答
860 浏览

javascript - “fullscreenchange”事件与每个浏览器都不兼容(寻找 Vanilla Javascript 修复)

我正在使用“fullscreenchange”事件来应用我想要的 css,方法是添加或删除一个 ID ( #showFullscreen),该 ID () 将支配已经应用到的 css .fullscreen

如何使用 vanilla javascript 让此代码在所有浏览器中工作?

0 投票
1 回答
409 浏览

angular - 限制用户在 Angular 8 中退出全屏模式

我正在为我的应用程序使用Angular v8。我的问题是我想限制用户退出全屏模式。我在 Stack Overflow 上查看了各种解决方案并找到了一个。下面是我尝试实现的代码:

但是这段代码抛出了一个错误:

我不知道是否有使用@HostListenerfor angular 的东西来处理这个问题。请帮忙。