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的全屏还是有区别的。

最新文章

  1. Microsoft ACE OLEDB 12.0概念及用法
  2. 简单SSM配置详解
  3. 配置Tomcat的访问日志格式化输出
  4. Struts2 validate校验
  5. 实现Linux select IO复用C/S服务器代码
  6. Course(简单的字符串处理问题)
  7. js操作iframe总结
  8. 树莓派上运行.net core 2.0程序
  9. 在Python中进行JSON转化
  10. 浅谈Java多线程的同步问题 【转】
  11. [JDK8] Stream
  12. Android .9.png 的介绍
  13. 剑指offer-学习笔记
  14. spoj694
  15. [pat]1045 Favorite Color Stripe
  16. 对于读txt文件一点总结
  17. [Noi2017]整数 BZOJ4942
  18. Java基础-零拷贝技术应用案例
  19. Angular入门笔记
  20. if嵌套和elif的区别

热门文章

  1. Oracle下select语句
  2. Mongodb3.X版本的 的用户认证
  3. django的request对象和response对象
  4. EA类图与代码同步
  5. Myeclipse 2013 professional 破解
  6. (转) 密码学中的“盐值 Salt”
  7. php根据路径获取文件名
  8. ruby md5 sha1 base64加密
  9. CCPC-Wannafly Winter Camp Day2 (Div2, onsite)
  10. poj1329 Circle Through Three Points