全屏的使用方法 ---------退出全屏的使用方法

function fullScreen( elem ){

if ( elem.requestFullscreen ) {

elem.requestFullscreen();

} else if ( elem.webkitRequestFullScreen ) {

if ( window.navigator.userAgent.toUpperCase().indexOf( 'CHROME' ) >= 0 ) {
elem.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT );
} else {
elem.webkitRequestFullScreen();
}

} else if ( elem.mozRequestFullScreen ) {
elem.mozRequestFullScreen();
}
};

function exitFullSreen(){

if ( document.exitFullscreen ) {

document.exitFullscreen();

} else if ( document.webkitCancelFullScreen ) {

document.webkitCancelFullScreen();

} else if ( document.mozCancelFullScreen ) {

document.mozCancelFullScreen();

}

};

fullScreen(参数是需要全屏的id,必须用原生的js取到值);

exitFullSreen();退出的时候直接调用,不需要传入参数

转载于:https://www.cnblogs.com/zouyun/p/8044541.html

全屏的使用方法 ---------退出全屏的使用方法相关推荐

为什么java退出全屏_Java全屏模式与退出全屏：
该楼层疑似违规已被系统折叠隐藏此楼查看此楼浏览器全屏模式的启动函数requestFullscreen(),而且需要附带各浏览器的js方言前缀. Js代码: // 启动全屏!判断浏览器的种类 fun ...
java 控制台全屏_Java全屏模式与退出全屏：
该楼层疑似违规已被系统折叠隐藏此楼查看此楼浏览器全屏模式的启动函数requestFullscreen(),而且需要附带各浏览器的js方言前缀. Js代码: // 启动全屏!判断浏览器的种类 fun ...
js控制网页全屏，监听退出全屏动作
//控制全屏方法 function requestFullScreen(element) {var requestMethod = element.requestFullScreen || //W3C ...
JS控制全屏，监听退出全屏事件
先放個官方 Web API 接口链接:全屏 API 网上基本都是这种: //全屏功能document.getElementById("ck_buts").onclick = fu ...
浏览器判断是否全屏, 设置浏览器全屏，设置浏览器退出全屏
/*** 浏览器判断是否全屏*/ export const fullscreenEnable = () => {var isFullscreen = document.isFullScreen ...
火狐浏览器在看B站视频（全屏）和（退出全屏）时会黑一下屏幕
在浏览器地址栏输入:"about:config"(不包含引号,下同) 并回车,然后点击"我知道了",可以进入高级设置界面. 在地址栏下方的搜索栏中输入:&quo ...
前端vue实现全屏和按esc退出全屏功能
效果如下: 不多说,直接上代码如下,复制即可使用,注意图片位置修改即可: 1.vue页面中根据是否全屏判断当前显示图片或icon图标,isFullScren为true时表示全屏,默认值为false,并 ...
远程桌面退出全屏/不能全屏/全屏切换的技巧
远程桌面退出全屏/不能全屏/全屏切换的技巧退出全屏问:我的电脑远程登录到服务器上并且切换到了全屏状态,全屏后发现桌面顶部没有浮动工具栏了,想退出全屏状态,不知如何退出了,最后,只有重启电脑.想知道如 ...
前端js使浏览器窗口全屏与退出----浏览器全屏时监测通过esc按键退出全屏（退出全屏时有页面上的相关处理）
vue项目项目分为顶部导航.侧边导航.以及右边mainContent区域需求是让项目的其中一个页面有全屏功能并且在全屏时隐藏掉顶部的顶导航栏实现: 1.在state里定义一个全局 ...

全屏的使用方法 ---------退出全屏的使用方法

全屏的使用方法 ---------退出全屏的使用方法相关推荐

最新文章

热门文章