从全屏退出不起作用?

时间:2012-09-13 06:50:54

标签: javascript jquery firefox fullscreen

我正在开发一个以全屏模式运行的应用程序。 我正在使用iframe转到全屏。问题是如何在按钮点击时关闭全屏?

我正在使用此代码:

function exitfs(){
    if (document.cancelFullScreen) {
        document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
} 

如果我通过firebug控制台运行它,但在与click事件绑定时不起作用,它可以正常工作吗?

 function fullscreen(keys) {
    var f = e('newIfrane');
    if (keys) {
        if (f.mozRequestFullScreen) {
            f.mozRequestFullScreenWithKeys();
        } else if (f.webkitRequestFullScreen) {
            f.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        }
    } else {
        if (f.mozRequestFullScreen) {
            f.mozRequestFullScreen();
        } else if (f.webkitRequestFullScreen) {
            f.webkitRequestFullScreen();
        }
    }
}

调用此函数,如fullscreen(false);

注意: Iframe正在全屏模式下加载同一页面。 在页面中,点击该图像时我会调用 exitfs()

我没有得到什么问题? 谢谢......

2 个答案:

答案 0 :(得分:2)

Passerby 建议我尝试使用parent.exitfs();并且它对我有用。希望它能帮助一些人......

答案 1 :(得分:0)

 class Clickfullpage implements ClickHandler
 {
  public void onClick(ClickEvent event)
  {
    hello1(counter);
  }
}

public static native void hello1(int counter)
/*-{
 var body=$doc.getElementsByTagName("body")[0];
 var id=$doc.getElementById("vp");
 cancelFullscreen();
 function cancelFullscreen() 
   { 
      if ($doc.mozcancelFullScreen) 
      {
         $doc.mozcancelFullScreen();
      } 
     else
     if ($doc.webkitcancelFullScreen) 
      {
        $doc.webkitcancelFullScreen();
      }
   }   
}-*/;