如果html页面全屏并且不是全屏,我如何在html页面上获得相同的坐标?

时间:2017-06-12 14:00:56

标签: javascript html fullscreen

我有一个html页面,我将图像放在相对于它们所在窗口的特定x和y坐标上,但是当我点击我的全屏按钮使页面全屏显示时,图像会稍微偏离我想要它们的坐标。有没有办法在切换全屏时获得相同的坐标?

                    function toggleFullScreen() {
                    var doc = window.document;
                    var docEl = doc.documentElement;
                    var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
                    var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

                    if (!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
                        requestFullScreen.call(docEl);
                        var load = document.getElementById('<%=alreadyLoaded.ClientID%>');
                        load.value = 2;
                    }
                    else {
                        cancelFullScreen.call(doc);
                        var load = document.getElementById('<%=alreadyLoaded.ClientID%>');
                        load.value = 2;
                    }
                }

1 个答案:

答案 0 :(得分:0)

通过这种方式你可以调用toggleFullScreen();每次屏幕改变大小,我还没有测试代码,你可以测试它并给我一些反馈

req.commit(client, ConfigUtil.getProp(ConfigUtil.KEY_SOLR_CORE))