// 点击进入全屏 方法、
var fullscreen=function(){
elem=document.body;
if(elem.webkitRequestFullScreen){
elem.webkitRequestFullScreen();
}else if(elem.mozRequestFullScreen){
elem.mozRequestFullScreen();
}else if(elem.requestFullScreen){
elem.requestFullscreen();
}else{
//浏览器不支持全屏API或已被禁用
}
}
// 点击退出全屏 方法
var exitFullscreen=function(){
var elem=document;
if(elem.webkitCancelFullScreen){
elem.webkitCancelFullScreen();
}else if(elem.mozCancelFullScreen){
elem.mozCancelFullScreen();
}else if(elem.cancelFullScreen){
elem.cancelFullScreen();
}else if(elem.exitFullscreen){
elem.exitFullscreen();
}else{
//浏览器不支持全屏API或已被禁用
}
}

需要注意的是:需要通过 事件触发 当前的函数。

出现的bug:所有的元素会居中,不在html 的左上角。

解决的方法:给html 设置一个相对定位,给body 一个决定定位。

最新文章

  1. 一个哥们看到数据库日志不断增大 [log_reuse_wait_desc]为replication 之后的做法
  2. react-native 简述
  3. mysql几种性能测试的工具使用
  4. React组件开发
  5. switchomega配置
  6. c# List Sort排序
  7. RichtextBox去除闪烁光标
  8. C# 序列化和反序列
  9. HDU-1430-素数回文
  10. ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取
  11. DDD峰会归来话DDD
  12. jackson xml转对象 对象转xml
  13. 查看Python安装路径
  14. 《Redis 命令操作》
  15. Spring源码阅读(八)
  16. BZOJ1925或洛谷2467 [SDOI2010]地精部落
  17. 曾经的UCOSii
  18. Laravel返回不重复的某个字段信息列表
  19. angular.js ng-repeat动态插入删除dom节点
  20. 北京Uber优步司机奖励政策(4月12日)

热门文章

  1. 安装meteor运行基本demo发生错误。
  2. session 存入 redis
  3. 紫书 习题 10-10 UVa 1645(递推)
  4. C++输入流
  5. ECNUOJ 2574 Principles of Compiler
  6. cocos2d-x 学习资源整理(持续更新...)
  7. hdu2795Billboard(线段树,找第一个大于w的点)
  8. java内部类的初始化
  9. 16. IntellIJ IDEA 配置 Maven 以及 修改 默认 Repository
  10. POJ 1682 DP