当前位置:首页 > 日记 > 正文

Javascript全屏和退出全屏事件摘要(附加代码)

Javascript全屏和退出全屏事件摘要(附加代码)
代码如下:
window.isflsgrn = false;是否低于 / / IE11进入全屏标志,真正的全屏幕状态,假如非全屏状态
window.ieisfsceen = false;无论 / / IE11进入全屏幕的国旗,真的是满屏的状态,假是非全屏状态
跨浏览器返回当前文档是否进入状态可以请求全屏模式
功能fullscreenenable(){
无功isfullscreen = document.fullscreenenabled | |
window.fullscreen | |
document.mozfullscreenenabled | |
document.webkitisfullscreen;
返回isfullscreen;
}
全屏
无功fscreen =函数(){()
无功docelm = document.documentelement;
如果(docelm。requestfullscreen){
DocElm.requestFullscreen();
}
如果(docelm。msrequestfullscreen){
DocElm.msRequestFullscreen();
ieisfsceen =真;
}
如果(docelm。mozrequestfullscreen){
DocElm.mozRequestFullScreen();
}
如果(docelm。webkitrequestfullscreen){
DocElm.webkitRequestFullScreen();
}其他API浏览器不支持全屏,不需要显示隐藏元素。
Window.parent.hideTopBottom();
isflsgrn =真;
$(# fsbutton)。文本(退出全屏);
}
}
退出全屏
无功cfscreen =函数(){()
如果(文件。exitfullscreen){
document.exitfullscreen();
}
如果(文件。msexitfullscreen){
document.msexitfullscreen();
}
如果(文件。mozcancelfullscreen){
document.mozcancelfullscreen();
}
如果(文件。webkitcancelfullscreen){
document.webkitcancelfullscreen();
{ }人
Window.parent.showTopBottom();
isflsgrn = false;
$(# fsbutton)。文本(全屏幕);
}
}
全屏按钮点击事件
$(# fsbutton)。Click(function(){)
无功isfscreen = fullscreenenable();
如果(!isfscreen isflsgrn = = false){
如果(ieisfsceen = = true){
document.msexitfullscreen();
ieisfsceen = false;
返回;
}
FScreen();
其他{ }
CfScreen();
}
})
键盘
$(document)。Keydown(函数(事件){
如果(= = 27的情况下ieisfsceen = = true){
ieisfsceen = false;
}
});
监视状态更改
如果(窗口。addEventListener){
Document.addEventListener('fullscreenchange,函数(){(){
如果($(# fsbutton )(文本)= =全屏){
$(# fsbutton)。文本(退出全屏);
其他{ }
$(# fsbutton)。文本(全屏幕);
}
});
Document.addEventListener('webkitfullscreenchange,函数(){(){
如果($(# fsbutton )(文本)= =全屏){
$(# fsbutton)。文本(退出全屏);
其他{ }
$(# fsbutton)。文本(全屏幕);
}
});
Document.addEventListener('mozfullscreenchange,函数(){(){
如果($(# fsbutton )(文本)= =全屏){
$(# fsbutton)。文本(退出全屏);
其他{ }
$(# fsbutton)。文本(全屏幕);
}
});
Document.addEventListener('msfullscreenchange,函数(){(){
如果($(# fsbutton )(文本)= =全屏){
$(# fsbutton)。文本(退出全屏);
其他{ }
$(# fsbutton)。文本(全屏幕);
}
});
}
值得注意的是,在线的fullscreenenabled参数的说法,有的说是监控浏览器是否可以请求进入全屏模式,有的说是一个判断浏览器是否支持全屏标志,实际使用中确实是一个问题,IE11不承认这个属性,需要建立一个单独的标记IE11是完全控制的现状。

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一定的帮助。如果你有任何疑问,你可以留言交流。谢谢您一直鼓励我。

相关文章

黑色圣徒4的档案丢失,当他们通过游

黑色圣徒4的档案丢失,当他们通过游

找不到,圣徒,黑色,档案,游戏,问题: 近日,玩游戏,4圣人;遇到了一个奇怪的问题,是通过在立案后,保存并退出游戏,后来进入游戏,但找不到文件,只有档案的水平开始,档案馆找到的,我不知道是什么原因 答案uff1a Ldquo,4,游戏并不奇怪,因为这个游戏有一个特殊…

PS图象处理软件滤清器制造海水

PS图象处理软件滤清器制造海水

滤清器,图象,海水,处理软件,电脑软件,今天,我们分享PS图象处理软件滤波器使海水的过程。教程很简单,尤其是新手。我希望每个人都喜欢它。 PS图象处理软件滤清器制造海水 1。创建一个新的形象,如400times;200、确保颜色为默认的黑色和白色。创…

如何使用PS6层面具

如何使用PS6层面具

如何使用,面具,电脑软件,只要我们接触PS这个软件,那么蒙古版的这一特点,你必须熟悉,它是否仍然是用来做其他抠图效果很好,今天萧边一些常用的掩模技术分享它,用它来轻松达到凉爽的效果,出现的姿势! 用PS6层掩模的方法 拿面膜抠图,也可以创造一些…

详细介绍了如何在vuex监听组件

详细介绍了如何在vuex监听组件

组件,详细介绍,如何在,电脑软件,vuex,前言 我不知道你有没有遇到过这样的情况。在vuex国家将使用的部件之一,而这一状态的初始化是通过异步加载完成。在渲染过程中的组件的状态是空的,也就是说,该组件已经完成渲染之前的异步完成,导致组件的数…

PS如何给照片添加蓝天白云

PS如何给照片添加蓝天白云

照片,蓝天,电脑软件,PS,白云,拍照时,由于光线等原因,天空呈白色或灰色。PS可以给这些照片加上蓝天白云,让我们向小编辑学习。 PS教程,有蓝天白云的图片 1、运行PS软件(以CS3版本为例),打开照片进行修改,然后打开一张天空和白云,让背景层,如下图所示…

Excel2007中如何设置行高度厘米

Excel2007中如何设置行高度厘米

行高,如何设置,电脑软件,如何在excel中设置行的高度,以及如何根据厘米单位设置行高度接下来,萧边将立即Excel2007设置行高厘米单位按照教程告诉你。我希望阅读本教程的朋友可以学习Excel并应用它。 路和集按照厘米高 1:首先,通过启动菜单,选择…

如何添加五笔输入法(溶液)在赢10

如何添加五笔输入法(溶液)在赢10

溶液,五笔输入法,电脑软件,现在,Windows 10是一种技术预览,一些第三方输入法可能有这样的问题。事实上,Windows 10带来了通常的拼音和五笔输入法,默认的是微软拼音输入法,而想使用五种输入法的朋友可以用下面的方法引用。 打开控制面板-> 区域…

在Win7安装/添加打印机的方法(图解)

在Win7安装/添加打印机的方法(图解)

方法,安装,电脑软件,在计算机配备Win7,添加/安装打印机,请参考下面的方法: 1、先点击屏幕左下角的Windows按钮,选择设备和打印机进入设置页面。注意:它也可以通过控制面板、介质、硬件和声音在设备中、设备和打印机上输入; 3、选择添加本地打印…

QQ空间日志谈谈如何向微信的朋友圈

QQ空间日志谈谈如何向微信的朋友圈

空间,日志,朋友圈,电脑软件,QQ,有些朋友想QQ空间日志转发给朋友,谈论WeChat,见朋友。所以它应该如何被转发然后跟着小编辑器去看QQ空间日志,并向朋友圈讲述前进的步骤,欢迎大家阅读! 关于步骤QQ空间日志和微信转发到朋友圈 1。在我的设置-通用…

PS是如何做一个拿铁咖啡猫头像的

PS是如何做一个拿铁咖啡猫头像的

拿铁咖啡,头像,如何做一个,电脑软件,PS,摩卡咖啡怎么做猫头设计让我们来看看详细的教程。 软件名称:Adobe PS图象处理软件7.01官方简体中文版软件大小:154mb更新时间:2013-04-19 对比度1和Ctrl + I 2、关闭背景层,编辑菜单rarr;定义画笔预设 3…

Oracle用参数创建对视图代码的介绍

Oracle用参数创建对视图代码的介绍

参数,视图,代码,电脑软件,Oracle,在Oracle中,视图不像存储过程和函数,输入参数可以被定义,但是我们可以改变方式并使用包来实现它。 首先定义包: *根据你的需求定义,我定义了三个参数,对我的项目计划的需要,所以三个参数是数字,当然,其他类型可以定…

VisualStudio2017无法加载VisualSt

VisualStudio2017无法加载VisualSt

解决方案,无法加载,电脑软件,SharePoint,几天前,安装了最新的Visual Studio 2017企业版,结果发现Visual Studio 2015创建的SharePoint 2016解决方案在打开之前无法打开。这表明它需要更新。 解决方案如下: 正确的编辑。Csproj,修改minimumoffi…