点击全屏按钮后,全屏按钮不显示,显示退出全屏按钮,点击退出全屏按钮,退出全屏显示,怎么写

1615865532(1).png

点击全屏按钮后,全屏按钮不显示,显示退出全屏按钮,点击退出全屏按钮,退出全屏显示,怎么写

FineReport xujie123 发布于 2021-3-16 11:39 (编辑于 2021-3-16 11:39)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
yzm199047Lv2见习互助
发布于2021-6-28 16:34

可以在一个按钮上实现:button按钮的文字在 全屏 退出全屏 之间切换,以下为FR10.0已经实现的代码

var docElm = document.documentElement;

var explorer = window.navigator.userAgent.toLowerCase();

var btn = this.options.form.getWidgetByName('button0');

if(explorer.indexOf('chrome')>0){//webkit

     if (document.body.scrollHeight === window.screen.height && document.body.scrollWidth === window.screen.width) {

     if (document.exitFullscreen) {

      document.exitFullscreen();

    }

    else if (document.msExitFullscreen) {

      document.msExitFullscreen();

    }

    else if (document.mozCancelFullScreen) {

      document.mozCancelFullScreen();

    }

    else if (document.webkitCancelFullScreen) {

      document.webkitCancelFullScreen();

    }

       btn.setText("全屏");

         } else {

             //W3C

                if(docElm.requestFullscreen){

                        docElm.requestFullscreen();

                }

                //FireFox

                else if(docElm.mozRequestFullScreen){

                        docElm.mozRequestFullScreen();

                }

                //Chrome等

                else if(docElm.webkitRequestFullScreen){

                        docElm.webkitRequestFullScreen();

                }

                //IE11

                else if(elem.msRequestFullscreen){

                        elem.msRequestFullscreen();

                }

                        btn.setText("退出全屏");

         }

}else{//IE 9+  fireFox

if (window.outerHeight === window.screen.height && window.outerWidth === window.screen.width) {

     if (document.exitFullscreen) {

      document.exitFullscreen();

    }

    else if (document.msExitFullscreen) {

      document.msExitFullscreen();

    }

    else if (document.mozCancelFullScreen) {

      document.mozCancelFullScreen();

    }

    else if (document.webkitCancelFullScreen) {

      document.webkitCancelFullScreen();

    }

     btn.setText("全屏");

         } else {

                    //W3C

                if(docElm.requestFullscreen){

                        docElm.requestFullscreen();

                }

                //FireFox

                else if(docElm.mozRequestFullScreen){

                        docElm.mozRequestFullScreen();

                }

                //Chrome等

                else if(docElm.webkitRequestFullScreen){

                        docElm.webkitRequestFullScreen();

                }

                //IE11

                else if(elem.msRequestFullscreen){

                        elem.msRequestFullscreen();

                }

                       btn.setText("退出全屏");

         }

}

最佳回答
0
snrtuemcLv8专家互助
发布于2021-3-16 11:41

这个目前好像实现不了

  • 4关注人数
  • 1254浏览人数
  • 最后回答于:2021-6-28 16:34
    请选择关闭问题的原因
    确定 取消
    返回顶部