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