全屏及退出全屏

最新推荐文章于 2022-11-14 21:23:23 发布
最新推荐文章于 2022-11-14 21:23:23 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gouhuarong/article/details/52983878
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全屏</title>
</head>

<body>
    <h1>全屏</h1>
    <script>
    //进入全屏
    function requestFullScreen() {
        var de = document.documentElement;
        if (de.requestFullscreen) {
            de.requestFullscreen();
        } else if (de.mozRequestFullScreen) {
            de.mozRequestFullScreen();
        } else if (de.webkitRequestFullScreen) {
            de.webkitRequestFullScreen();
        }
        console.log(de);
    }
    //退出全屏
    function exitFullscreen() {
        var de = document;
        if (de.exitFullscreen) {
            de.exitFullscreen();
        } else if (de.mozCancelFullScreen) {
            de.mozCancelFullScreen();
        } else if (de.webkitCancelFullScreen) {
            de.webkitCancelFullScreen();
        }
    }

    document.body.addEventListener('click',function(){
        requestFullScreen();
        //5秒钟自动退出全屏
        setTimeout(function(){
            exitFullscreen();
        },5000);
    },false);
    </script>
</body>
</html>

稳稳DE幸福
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
全屏化的python程序
02-12
全屏化与窗口化切换。在python中的pygame使用快捷键将全屏化与窗口化进行切换
kotlin compose 实现 webView 加载视频，支持Webview 全屏及退出全屏
最新发布
07-07
kotlin compose 实现 webView 加载视频，支持Webview 全屏及退出全屏； 资料是主要代码，配置操作：1. AndroidManifest 配置 android:hardwareAccelerated ="true" 2. 支持横竖屏旋转 android:windowSoftInputMode=...
VSCode 快捷键 Windows版
水月夜的博客
01-20 735
VSCode 快捷键 Windows版 发布时间: 2017-01-01 16:51 作者: VSCode中文网 VSCode 快捷键 Windows版 VSCode 快捷键 Mac版 VSCode 快捷键 Linux版 **全局** Ctrl + Shift + P, F1 显示命令面板 Ctrl + P 快速打开 Ctrl + Shift + N
VScode退出全屏
universe_1207的博客
11-14 981
好家伙，我就随便点着玩，然后退出不了了，网上说按F11就行，我按半天了，只能调亮度，无了个大语，结果我这个猪脑子，按F类型的键得+Fn，就在Ctrl旁边，我半天都没看见，气死了o(╥﹏╥)o。
python怎么退出全屏_notepad
weixin_39638929的博客
12-04 424
Notepad++，它运行便携，体积小、资源占用小，支持众多程序语言，比如C++、C#、Java 等主流程序语言；支持HTML、XML、ASP，Perl、Python、JavaScript 等网页/脚本语言。(推荐学习：notepad使用)而且Notepad++作为程序员们最...Notepad++，它运行便携，体积小、资源占用小，支持众多程序语言，比如C++、C#、Java 等主流程序语言；支持...
VScode使用指南之如何全屏和退出全屏（1）
热门推荐
weixin_45147894的博客
06-11 5万+
在查看中找到外观，在外观里面找到全屏，就可以全屏了。 如何关闭呢？直接按F11快捷键就可以了。
vue全屏显示及退出组件.zip
03-04
这个API提供了进入和退出全屏模式的方法，主要涉及以下两个方法： 1. `element.requestFullscreen()`: 这个方法用于使元素进入全屏模式。 2. `document.exitFullscreen()`: 这个方法用于退出全屏模式。 在Vue组件...
android编程开发之全屏和退出全屏的实现方法
09-03
在Android应用开发中，全屏显示和退出全屏是一个常见的需求，这有助于提供更好的用户体验，尤其是在游戏或视频播放等场景中。本篇文章将详细介绍如何在Android应用中实现全屏和退出全屏的功能。 首先，全屏模式是...
js之切换全屏和退出全屏实现代码实例
10-16
主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript全屏和退出全屏事件总结（附代码）
10-19
在JavaScript中，全屏和退出全屏功能是网页交互中的一个重要部分，尤其在游戏、视频播放或演示文稿等场景中。本文将详细介绍如何使用JavaScript实现全屏和退出全屏操作，并提供相关的代码示例。 首先，我们需要知道...
python怎么退出全屏模式_在notepad++中怎么退出全屏模式
weixin_36293915的博客
02-04 649
在notepad++中怎么退出全屏模式,节点,编辑器,功能,语法,代码在notepad++中怎么退出全屏模式易采站长站，站长之家为您整理了在notepad++中怎么退出全屏模式的相关内容。Notepad++它运行便携，体积小、资源占用小，支持众多程序语言，比如C++、C#、Java 等主流程序语言；支持HTML、XML、ASP，Perl、Python、JavaScript 等网页/脚本语言。(推荐...
VS Code 退出全屏 快捷键 F11
BJ_Wind的博客
02-11 3631
最近使用vs code浏览C代码，无意中进入了全屏却退不出来，查了一下资料得知下面的方法 ，进入全屏/退出全屏 ，的快捷键都是 F11 ;
python怎么退出全屏_wxPython:退出全屏
weixin_39772388的博客
12-04 433
ShowFullScreen的文档如下：全屏显示(显示，样式=wx.全屏)在Depending on the value of show parameter the window is either shown full screen or restored to its normal state.Parameters:show (bool)style (long): is a bit list ...
python退出全屏_实现网页全屏和退出全屏JS代码，多浏览器兼容
weixin_35886717的博客
02-21 160
js全屏和退出全屏代码|www.125jz.com全屏显示退出全屏function requestFullScreen(element) {// 判断各种浏览器，找到正确的方法var requestMethod = element.requestFullScreen || //W3Celement.webkitRequestFullScreen || //Chrome等element.moz...
python退出全屏_JS 实现全屏功能和退出全屏功能
weixin_36184835的博客
02-21 261
function FullScreen(el){var isFullscreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;if(!isFullscreen){//进入全屏(el.requestFullscreen&&el.requestFullscreen())||(el.mo...
python退出全屏_android编程开发之全屏和退出全屏的实现方法
weixin_28695537的博客
01-30 170
本文实例讲述了Android编程开发之全屏和退出全屏的实现方法。分享给大家供大家参考，具体如下：xml代码： android:id="@+id/button5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/fullscreen"android:onClick=...
python怎么退出全屏模式_notepad
weixin_39636987的博客
12-14 2273
Notepad++，它运行便携，体积小、资源占用小，支持众多程序语言，比如C++、C#、Java 等主流程序语言；支持HTML、XML、ASP，Perl、Python、JavaScript 等网页/脚本语言。(推荐学习：notepad使用)而且Notepad++作为程序员们最...notepad可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式(F11)，支持鼠标滚轮改变文档显示...
【VScode】退出全屏和使用全屏
qq_45677671的博客
04-24 1万+
有时候不小心瞎按到了什么，导致vscode全屏了，这时候想要退出却找不到方式，这就有的尴尬了，最后发现其实只要按`F11`快捷键就可以自动切换全屏了
全屏和退出全屏
ychw365的专栏
12-16 3623
1.添加变量 WINDOWPLACEMENT m_OldWndPlacement; //用来保存原窗口位置 BOOL m_bFullScreen; //全屏显示标志 CRect m_FullScreenRect; //表示全屏显示时的窗口位置 2.全屏 GetWindowPlacement(&m_OldWndPlacement); CRect
X6 全屏 退出全屏 代码示例
05-24
以下是使用 JavaScript 实现 X6 全屏和退出全屏的代码示例： ```javascript // 进入全屏 function enterFullscreen(element) { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { element.msRequestFullscreen(); } } // 退出全屏 function exitFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } // 监听全屏状态变化事件 document.addEventListener('fullscreenchange', function(event) { if (document.fullscreenElement) { console.log('进入全屏'); } else { console.log('退出全屏'); } }); // 监听 esc 键，退出全屏 document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { exitFullscreen(); } }); // 示例代码中，enterFullscreen() 函数用于进入全屏，需要传入一个 DOM 元素作为参数；exitFullscreen() 函数用于退出全屏；fullscreenchange 事件用于监听全屏状态变化；keydown 事件用于监听 esc 键，当按下 esc 键时，退出全屏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值