html页面全屏问题 火狐浏览器报错 请求全屏已拒绝，至少一个文档包含的元素不是一个 iframe

Question

HTML 点击全屏，实现 本页面全屏展示 ， 单独打开HTML文件没问题，放到工程里谷歌没问题，火狐报错：请求全屏已拒绝，至少一个文档包含的元素不是一个 iframe，或没有"allowfullscreen"属性。

html代码

    <div id="showscreen" class="ol-unselectable ol-control  tool-button draw-button"> 
                <button type="button"  onclick="showOrNone();" title="全屏" style="width:80px" ><image src="static/img/ico_qp.png" height="16px" width="16p"></image><span>&nbsp;&nbsp;全 &nbsp;屏</span></button>
                </div>

js代码

function showOrNone(){

            var isFullscreen = document.fullScreenElement//W3C
                    ||document.msFullscreenElement //IE
                    ||document.mozFullScreenElement //火狐
                    ||document.webkitFullscreenElement //谷歌
                    ||false;
    if(!isFullscreen){
        var el = document.documentElement;
        if (el.requestFullscreen) { 
            el.requestFullscreen(); 
        } else if (el.mozRequestFullScreen) { 
            el.mozRequestFullScreen(); 
        } else if (el.webkitRequestFullscreen) { 
            el.webkitRequestFullscreen(); 
        } else if (el.msRequestFullscreen) { 
            el.msRequestFullscreen(); 
        } 
    }else{
        if (document.exitFullscreen) { 
            document.exitFullscreen(); 
        } else if (document.msExitFullscreen) { 
            document.msExitFullscreen(); 
        } else if (document.mozCancelFullScreen) { 
            document.mozCancelFullScreen(); 
        } else if (document.webkitCancelFullScreen) { 
            document.webkitCancelFullScreen(); 
        } 
    }

        }

报错
请求全屏已拒绝，至少一个文档包含的元素不是一个 iframe，或没有"allowfullscreen"属性。

Answer 1

解决了吗