ie 8下怎么监听全屏还原事件并且根据事件改变页面中全屏还原按钮的状态？

问题描述：

ie 8下怎么监听全屏还原事件，并且根据事件改变页面中全屏还原按钮的状态?网页中既可以通过点击页面中放大缩小按钮进行操作，也可以通过F11，ESC键操作，但是F11，ESC键操作后，页面按钮要随之改变状态。

尝试过网上搜索的各种代码，发现ie下F11，esc事件监听不到

答

计时器定时检查页面可是宽度和高度是否和屏幕的一样，不过我找了台xp来测试可以监视到按键啊。。你那里监视不到？

<!doctype html>
<div id="dvRst"></div>
<div id="dvKeyCode"></div>
<script>
    var sHeight = screen.height - 28/*需要减去页脚状态栏高度*/, sWidth = screen.width, fullScreen = false;
    setInterval(function () {
        dvRst.innerHTML = sHeight + ',' + document.documentElement.clientHeight + ',' + sWidth + ',' + document.documentElement.clientWidth
        if (document.documentElement.clientHeight >= sHeight && document.documentElement.clientWidth >= sWidth) {
            if (!fullScreen) {
                alert('进入全屏');
                fullScreen = true;
            }
        }
        else if (fullScreen) {
            alert('退出全屏');
            fullScreen = false;
        }
    }, 200);
    document.onkeydown = function (e) { e = e || window.event; dvKeyCode.innerHTML=(e.keyCode) }
</script>

答

<script>
	window.onresize=function(){
		alert('窗口大小被改变了');
	}
  </script>

这个方法就可以啊，F11和ESC都能监听

答

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

ie 8下怎么监听全屏还原事件并且根据事件改变页面中全屏还原按钮的状态？

相关推荐