网页全屏缩放代码

谁借莪１个温暖的怀抱￠ 2021-09-23 10:20 395阅读 0赞

定义一个点击事件，方法体中加入以下代码即可实现，Vue、html都可使用

if (!document.fullscreenElement &&
                    !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {  // current working methods
                    if (document.documentElement.requestFullscreen) {
                        document.documentElement.requestFullscreen();
                    } else if (document.documentElement.msRequestFullscreen) {
                        document.documentElement.msRequestFullscreen();
                    } else if (document.documentElement.mozRequestFullScreen) {
                        document.documentElement.mozRequestFullScreen();
                    } else if (document.documentElement.webkitRequestFullscreen) {
                        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                    }
                } else {
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                    } else if (document.msExitFullscreen) {
                        document.msExitFullscreen();
                    } else if (document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    } else if (document.webkitExitFullscreen) {
                        document.webkitExitFullscreen();
                    }
                }

发表评论取消回复

表情：

评论列表（有 0 条评论，395人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript检测网页缩放演示代码

一、为什么会提示浏览器显示比例不正常？在网上冲浪，有时在打某个网站时，会提示你的浏览器显示比例不是100%，建议你将浏览器显示比例恢复为100%，以便获得最佳显示

超、凢脫俗/ 2024年03月03日 08:56/ 0 赞/ 89 阅读

相关 js实现禁止网页缩放（Ctrl+鼠标、+、-缩放有效亲测）

![在这里插入图片描述][e3c0339554ed4bf6a31cd38ff4d03820.png] > 背景：现在是凌晨1：35我还在帮客户修改网页，要求不高但来钱快，学生

ゞ浴缸里的玫瑰/ 2023年09月28日 13:23/ 0 赞/ 20 阅读

相关缩放图片代码

- ( UIImage \)imageWithImageSimple:( UIImage \)image scaledToSize:( CGSize )newSize\{

￡神魔★判官ぃ/ 2022年08月22日 06:26/ 0 赞/ 298 阅读

相关禁止ios网页缩放

1. meta 2. JS 禁用双指缩放: document.documentElement.addEve

我不是女神ヾ/ 2022年06月06日 11:51/ 0 赞/ 269 阅读

相关点击button缩放div，网页局部缩放

绑定button的onclick事件zoomOut，zoomIn。依赖于jquery。使用transform缩放 domObj //缩小 zoomOut=function(

r囧r小猫/ 2022年03月21日 04:42/ 0 赞/ 475 阅读

相关全屏图片等比例缩放

/ 大图自动等比例缩放。 / var bxsliderImgs = $(".bxslider").add(".b

Bertha 。/ 2022年01月16日 10:37/ 0 赞/ 385 阅读

相关 vue项目中使用screenfull.js实现全屏，缩放功能

1. 第一步安装依赖 `cnpm install --save screenfull` 2. 封装组件 components下创建文件夹Screenfull 下创建文件in

Bertha 。/ 2021年12月05日 12:57/ 0 赞/ 742 阅读

相关网页全屏缩放代码

定义一个点击事件，方法体中加入以下代码即可实现，Vue、html都可使用 if (!document.fullscreenElement &&

谁借莪１个温暖的怀抱￠/ 2021年09月23日 10:20/ 0 赞/ 396 阅读

相关 vue中实现图片全屏缩放预览

基于photoswipe的vue图片全屏缩放预览插件：vue-photo-preview 说明 1.简化了photoswipe的默认设置 2.取消了图片需设定尺寸的

女爷i/ 2021年07月25日 21:20/ 0 赞/ 790 阅读

相关手机网页怎么禁止缩放

转自：[http://www.educity.cn/wenda/78423.html][http_www.educity.cn_wenda_78423.html]

╰+哭是因爲堅強的太久メ/ 2021年06月24日 14:35/ 0 赞/ 612 阅读