qq_38920734
2021-06-01 14:11
采纳率: 50%
浏览 30
已采纳

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

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

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

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-06-01 14:30
    已采纳

    计时器定时检查页面可是宽度和高度是否和屏幕的一样,不过我找了台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>
    
    评论
    解决 1 无用
    打赏 举报
查看更多回答(2条)

相关推荐 更多相似问题