html5 自带全屏API调用方法
2024-09-15 06:32:58
function FullScreen(){
var el = $('html')[0];//要全屏的元素,如果要全页面全屏,建议使用html节点而不是body节点
var isFullscreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;
if(!isFullscreen){//进入全屏,多重短路表达式
(el.requestFullscreen&&el.requestFullscreen())||
(el.mozRequestFullScreen&&el.mozRequestFullScreen())||
(el.webkitRequestFullscreen&&el.webkitRequestFullscreen())||(el.msRequestFullscreen&&el.msRequestFullscreen());
}else{ //退出全屏,三目运算符
document.exitFullscreen?document.exitFullscreen():
document.mozCancelFullScreen?document.mozCancelFullScreen():
document.webkitExitFullscreen?document.webkitExitFullscreen():'';
}
}
直接调用该方法即可。
使用esc键退出全屏。
此方法的全屏和F11的全屏还是有区别的。
最新文章
- Microsoft ACE OLEDB 12.0概念及用法
- 简单SSM配置详解
- 配置Tomcat的访问日志格式化输出
- Struts2 validate校验
- 实现Linux select IO复用C/S服务器代码
- Course(简单的字符串处理问题)
- js操作iframe总结
- 树莓派上运行.net core 2.0程序
- 在Python中进行JSON转化
- 浅谈Java多线程的同步问题 【转】
- [JDK8] Stream
- Android .9.png 的介绍
- 剑指offer-学习笔记
- spoj694
- [pat]1045 Favorite Color Stripe
- 对于读txt文件一点总结
- [Noi2017]整数 BZOJ4942
- Java基础-零拷贝技术应用案例
- Angular入门笔记
- if嵌套和elif的区别