typescript设置全屏
2024-10-19 12:43:25
fullScreen() {
document.getElementById("fullScreen").style.display = "none";
document.getElementById("exitScreen").style.display = "block";
let el = document.documentElement as any;
let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
if (typeof rfs != "undefined" && rfs) {
rfs.call(el);
};
return;
} //退出全屏
exitScreen() {
document.getElementById("fullScreen").style.display = "block";
document.getElementById("exitScreen").style.display = "none";
let cfs = document as any;
if (cfs.exitFullscreen) {
cfs.exitFullscreen();
}
else if (cfs.webkitCancelFullScreen) {
cfs.webkitCancelFullScreen();
}
else {
cfs.msExitFullscreen();
}
}
特别注意:typescript的类型检查时,document内会报msRequestFullscreen不是documentElement的属性。解决方法:重新赋值document as any即可
最新文章
- Oracle a Parameter with multi value
- 夺命雷公狗-----React---19--表单的值的修改
- T-SQL删除重复数据
- 【CoreData】 简单地使用
- Latex 页面样式
- 浅谈压缩感知(二十九):压缩感知算法之迭代硬阈值(IHT)
- 基于Html5的爱情主题网站–表白神器(第二版)
- C#中的TCP通讯与UDP通讯
- Mysql联合查询UNION和UNION ALL的使用介绍
- Random问题
- Python中字符串的操作
- NLog类库使用探索——详解配置
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十一):服务网关(Zuul)
- stark组件之注册【模仿Django的admin】
- Win7 MinGW环境测试SDL2.0.3
- Bower使用笔记
- Knockout学习之监控数组
- 使用 requests 配置代理服务
- HDU 1222 - Wolf and Rabbit &; HDU 1108 - [最大公约数&;最小公倍数]
- 洛谷 P1924 poj 1038
热门文章
- ubuntu18.04安装配置opencv3.4.0
- Lightoj1007【欧拉函数-素数表】
- AndroidStudio常用快捷键
- 洛谷P3572 [POI2014]PTA-Little Bird
- SpringBoot进阶教程(五十九)整合Codis
- Programming Ruby 阅读笔记
- 整理的各种模板 (随时弃坑emmmmm)
- 02.Jquery Mobile介绍以及Jquery Mobile页面与对话框
- Codeforces Round 56-B. Letters Rearranging(思维)
- 043 Multiply Strings 字符串相乘