java 全屏显示_Java全屏模式与退出全屏:

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

浏览器全屏模式的启动函数requestFullscreen(),而且需要附带各浏览器的js方言前缀.

Js代码:

// 启动全屏!判断浏览器的种类

function launchFullscreen(element){

if(element.requestFullscreen){

element.requestFullscreen();

} else if(element.mozRequestFullScreen){

element.mozRequestFullScreen();

} else if(element.webkitRequestFullscreen){

element.webkitRequestFullscreen();

} else if(element.msRequestFullscreen){

element.msRequestFullscreen();

}

}

调用全屏方法:

Html代码:

全屏模式

7777.png

指定元素全屏

调用全屏的两种方法:

launchFullScreen(document.documentElement); 【整个网页全屏】

launchFullScreen(document.getElementById("navbar")); 【指定的元素全屏】

对你想要全屏显示的页面元素调用全屏方法,浏览器窗口就会变成全屏,但会先请求用户允许全屏模式。要注意,用户很有可能会拒绝全屏模式。如果用户运行全屏模式,则浏览器的工具条等按钮菜单都会隐藏,你的页面会覆盖整个屏幕。

下面的exitFullscreen()方法(也需要加浏览器前缀)会让浏览器退出全屏模式,变成正常模式。

// 判断浏览器种类 退出全屏

function exitFullscreen(){

if(document.exitFullscreen){

document.exitFullscreen();

} else if(document.mozCancelFullScreen){

document.mozCancelFullScreen();

} else if(document.webkitExitFullscreen){

document.webkitExitFullscreen();

}

}

Html代码:

2222.png

退出全屏

调用exitFullscreen()方法退出全屏;

7da22f13c539e2741e316eeb2dd64ce0.png

注意事项:

document.fullScreenElement: 全屏显示的网页元素。

document.fullScreenEnabled: 判断当前是否处于全屏状态。

fullscreenchange事件会在启动全屏或退出全屏时触发:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值