【前端实例】Html网页开启全屏功能

JS代码段

function toggleFullScreen() {  if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {if (document.documentElement.requestFullscreen) {  document.documentElement.requestFullscreen();  } else if (document.documentElement.mozRequestFullScreen) {  document.documentElement.mozRequestFullScreen();  } else if (document.documentElement.webkitRequestFullscreen) {  document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);  }  }else {  if (document.cancelFullScreen) {  document.cancelFullScreen();  } else if (document.mozCancelFullScreen) {  document.mozCancelFullScreen();  } else if (document.webkitCancelFullScreen) {  document.webkitCancelFullScreen();  }  }
}

HTML代码段

<input type='button' onclick='toggleFullScreen();'/>

【前端实例】Html网页开启全屏功能相关推荐

vue点击网页全屏_vue-cli点击实现全屏功能(两种方式)
项目中有点击按钮实现全屏功能方式一:js实现全屏代码如下: 全屏 export default { name: "index", data(){ return{ fullscr ...
html如何让网页全屏,使网页能全屏显示方法
不论是IE还是360安全浏览器,网页全屏显示方法如下: 单击视图--全屏显示,都可以进入网页全屏显示模式. 除了单击菜单,也可以按下网页全屏显示快捷键:F11键,按下F11键,就可以切换到网页全屏显示 ...
浏览器的全屏功能小结
原文地址: 浏览器的全屏功能小结背景浏览器页面在视频播放, 图片浏览, 编辑文本等场景, 会遇到增大页面的可查看和可交互区域的需求. 对于这种场景, 一般做法是提供一个全屏按钮, 用户可以选择点击 ...
全屏功能-实现全屏-图标切换
目标:添加一个按钮,实现全屏网页全屏切换实现方法:浏览器中自带全屏功能document.documentElement.webkitRequestFullScreen(),不过有兼容性问题,所以改用 ...
设置浏览器横屏可行性测试，附带浏览器全屏功能
输入法问题: 1.QQ浏览器.UC浏览器可通过标签设置横屏(这种模式下输入法也是横屏状态) <meta name='full-screen' content='true' /><me ...
苹果6如何截屏_苹果升级iOS14，轻点背面能开启截屏功能，真是太方便了
分享最实在的玩机技巧,洞察最前沿的科技资讯!大家好,这里是手机科技园! 苹果手机已经进入了全面屏时代,以前我们在手机上截屏,都是借助音量键和主屏幕键,共同完成截图,那么全面屏手机该如何截屏呢? 如果你 ...
android中布局全屏,怎么在Android 应用中实现一个全屏与非全屏功能
怎么在Android 应用中实现一个全屏与非全屏功能发布时间:2020-12-04 17:31:45 来源:亿速云阅读:135 作者:Leah 怎么在Android 应用中实现一个全屏与非全屏功能 ...
Fiori应用全屏功能的实现 - fullscreen
Sent: Friday, June 12, 2015 2:57 PM Subject: Full Screen Button on Chart Container Chart上的全屏功能不是UI5提 ...
Html手机web背景全屏,使用全屏背景的网页设计欣赏全屏网页背景教程
使用全屏背景的网页设计欣赏 & 全屏网页背景教程 Sponsor 全屏的大背景网站之前分享过不少,这是2012年以及2013年的设计趋势,适合用全屏背景的网站有很多,比如摄影类.建筑类.餐厅美 ...

【前端实例】Html网页开启全屏功能

【前端实例】Html网页开启全屏功能相关推荐

最新文章

热门文章