var isFullscreenState = false;
function toggleFullscreen() {
if (!isFullscreenState) {
let { documentElement } = document;
let requestFullscreen =
documentElement.requestFullscreen ||
documentElement.mozRequestFullScreen ||
documentElement.webkitRequestFullScreen ||
documentElement.msRequestFullscreen;
requestFullscreen.apply(documentElement);
isFullscreenState = true;
} else {
let exitFullscreen =
document.exitFullscreen ||
document.mozCancelFullScreen ||
document.webkitCancelFullScreen ||
document.msExitFullscreen;
exitFullscreen.apply(document);
isFullscreenState = false;
}
}
// 判断是否是全屏
// 按F11时也能判断到,但按F11全屏后不能调用document.exitFullscreen退出全屏
// 既然用户会用F11,那也没必要考虑吧这种情况了吧
window.addEventListener('resize', () => {
if(window.innerHeight >=
screen.height - Math.abs(window.innerHeight - window.outerHeight)){
// ..
}
});
js html5 切换全屏
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- HTML5进入和退出全屏模式的api网上有很多 ,一查就查到了,我主要说一下它和F11的区别: HTML5:用于将...
- 前言 项目中我们通常将启动Activity命名为SplashActivity,并设置全屏,稍许停顿后再跳转Logi...
- function checkFull(){var isFull = document.fullscreenEna...
- 效果图 关键代码 源码 布局文件 FitsSystemWindowFrameLayout可以确保布局内的控件在全屏...