如何在退出全屏时更改样式

Question

我有一个按钮可以切换全屏并同时切换div标签的某些类。问题是当用户按下escape时，全屏关闭，但切换的类不会切换。有人可以提供一种在取消全屏时切换课程的方法吗？

Answer 1

你可以试试这个：

$(window).resize(toggleStyles);
function toggleStyles(e) {
    if(window.innerWidth >= screen.width && window.innerHeight >= screen.height) {
        ... change styles here ...
    }
}

另外，如果你不使用jQuery，那应该做同样的事情

window.addEventListener('resize', toggleStyles);