关于全屏显示问题处理

window.isflsgrn=false;//IE11以下是否进入全屏标志,True为全屏状态,false为非全屏状态
 window.ieIsfSceen=false;//IE11是否进入全屏标志,true为全屏状态,false为非全屏状态
//跨浏览器返回当前 document是否进入了可以请求全屏模式的状态
function fullscreenEnable(){
    var isFullscreen=document.fullscreenEnabled||window.fullScreen||
document.mozFullscreenEnabled||document.webkitIsFullScreen;
return isFullscreen;
}
//全屏
var fScreen=function(){
var docElm=document.documentElement;
if(docElm.requestFullscreen){
    docElm.requestFullscreen();
}
else if(docElm.msRequestFullscreen){
 docElm.msRequestFullscreen();
ieIsfScreen=true;
}
else if(docElm.mozRequestFullScreen){
docELm.mozRequestFullScreen();
}
else if(docElm.webkitRequestFullScreen){
docElm.webkitRequestFullScreen();
}else{//对不支持全屏API浏览器的处理,隐藏不需要显示的元素
window.parent.hideTopBottom();
isflsgrn=true;
$("#fsbutton").text("退出全屏");
}
}
//退出全屏
var cfScreen=function(){
if(document.exitFullscreen){
 document.exitFullscreen();
}
else if(document.msExitFullscreen){
document.msExitFullscreen();
}
else if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}
else if(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}
else{
window.parent.showTopBottom();
isflsgrn=false;
$("#fsbutton").text("全屏");
}
}
//全屏按钮点击事件
$("#fsbutton").click(function(){
var isfScreen=fullscreenEnable();
if(!isfScreen && isflsgrn==false){
 if(ieIsfSceen==true){
    document.msExitFullscreen();
     ieIsfSceen=false;
     return ;
}
 fScreen();
}
else{
      cfScreen();
}
})
//键盘操作
$(document).keydown(function  (event){
         if(event.keyCode==27&&ieIsfSceen==true){
           ieIsfSceen=false;
}
});
//监听状态变化
if(window.addEventListener){
  document.addEventListener(‘fullscreenchange‘,function(){
            if($("#fsbutton").text()=="全屏"){
              $("#fsbutton").text()=="退出全屏");
}else{
          $("#fsbutton").text("全屏");
}
});
document.addEventListener(‘webkitfullscreenchange‘,function(){
 if($("#fsbutton").text()=="全屏"){
$("fsbutton").text("退出全屏");
}
else{
     $("#fsbutton").text("全屏");
}
});
document.addEventListener(‘mozfullscreenchange‘,function(){
     if($("#fsbutton").text()=="全屏"){
         $("#fsbutton").text("退出全屏");
}
else{
        $("#fsbutton").text("全屏");
}
});
document.addEventListener(‘MSFullscreenChange‘,function(){
  if($("#fsbutton").text()=="全屏"){
      $("#fsbutton").text("退出全屏");
}else{
      $("#fsbutton").text("全屏");
}
});
}
时间: 2024-10-06 20:50:03

关于全屏显示问题处理的相关文章

Xcode 设置图片全屏显示

- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib.// UIImage *image = [UIImage imageNamed:@"initial_page_bg.jpg" ]; UIImageView *imageView = [[UIImageView alloc]initWithImage:image

Linux 命令 - watch: 反复执行命令,全屏显示输出

watch 命令周期性地执行命令,全屏显示输出.可以通过 watch 命令反复执行某一程序来监视它的输出变化. 命令格式 watch [-dhvt] [-n <seconds>] [--differences[=cumulative]] [--help] [--interval=<seconds>] [--no-title] [--version] <command> 命令参数 -n, --interval 指定间隔时间.默认情况下,watch 每隔 2 秒执行一次命令

Android全屏显示(代码实现)

// 去掉窗口标题 requestWindowFeature(Window.FEATURE_NO_TITLE); // 全屏显示 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); 注:写在activity里

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大.作为一个比较新的 API,目前只有 Safari.Chrome 和 FireFox 三种浏览器支持该特性.因为尚未发布正式版的标准,所以必须使用浏览器特定的方法,也就是应用添加前缀(webit/moz)的方法. 这个 API 不仅能够使整个页面全屏显示,也可以使页面中的某个元素全屏显示.它的设计初衷是为了全屏显示 HTML5 视频和游戏,以便更全面的替代 flash 功能.尽管还有很多有待完善的地方,

Android中界面实现全屏显示的两种方式

在开发android的应用当中,我们会遇到将一些界面设置为全屏显示的格式,有两种实现的方法.其一是在Java代码中实现,其二是在配置文件中实现. 1. 在Java代码中设置 super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); //无title getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, Window

【VC++学习笔记五】SDI|MDI的全屏显示

一.Mainframe中添加一个记录是否全屏状态的变量BOOL m_bFullScreen. 二.工具栏添加一个按钮,进行全屏的操作,响应事件函数写在Mainframe中. 三.在响应函数中,添加如下代码: void CMainFrame::OnFullscreen() { if (!m_bFullScreen) { this->ModifyStyle(WS_THICKFRAME|WS_CAPTION,NULL); this->MoveWindow(CRect(0,0,::GetSystemM

QT 全屏显示子窗口

QT 中全屏显示子窗口的方法 QT 中窗口部件 QWidget 成员函数 showFullScreen();是用于将窗口部件全屏显示 但是他只对窗口模式的部件有用.子窗口的特征是 Qt::SubWindow不是独立的窗 口.因此对其调用 showFullScreen无效.通过对子窗口调用setWindowFlags Qt: :Dialog或 setWindowFlagsQt::Window将其设为窗口模式后即可 调用 showFullScreen();进行全屏显示了. 相对于子窗口的全屏显示方法

Android应用程序全屏显示方法

导入两个包: import android.view.Window; import android.view.WindowManager; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.requestWindowFeature(W

修改linux内核开机logo并居中全屏显示【转】

本文转载自:http://blog.csdn.net/xuezhimeng2010/article/details/49299781 1.准备图片  使用ubuntu自带的绘图软件GIMP是最为快捷的方式,使用命令进行转换也可以,实际测试中用命令转换图片老提示错误,所以就用GIMP的方式处理了.具体流程如下:(1)打开GIMP软件并加载图片资源(file->open),自己的原图片格式应该不限制,我的是bmp格式的.(2)点击Image->mode->Indexed 并在弹出的选项框内设

delphi程序全屏显示无标题栏覆盖整个屏幕

delphi 简单实现程序全屏显示无标题栏,覆盖整个屏幕,这个在做工控机或屏保时有用的,具体代码如下,感兴趣的朋友可以参考下哈 delphi 程序全屏显示无标题栏,覆盖整个屏幕,这个在做工控机或屏保时有用的,所以记下 复制代码 代码如下: procedure TMainFrm.FormCreate(Sender: TObject); begin with MainFrm do begin { Position form } Top := 0 ; Left := 0 ; { Go full scr