Question

JavaScript 中能否判断浏览器是否全屏？

我想判断当前浏览器是否已经进入了全屏模式（用户按了F11），以及有木有相关的事件
判断event.keyCode 和判断大小的方式不够确切，我希望知道更加贴切的方法，即JS中有木有专门针对这个的方法。例如：全屏模式发生变化时事件之类。

Answer 1

document.addEventListener("fullscreenchange", function( event ) {
  if (document.fullscreenElement) {
    console.log('进入全屏');
  } else {
    console.log('退出全屏');
  }});

可以这样判断。但是旧版IE是不支持的。

Answer 2

可以试试用浏览器的可视区域大小和屏幕的分辨率大小对比，只要相差的很小就可以当做全屏，js有这两个方法，因为经常不用我也没记下来过，你可以上网查查，一定有这两个方法

Answer 3

//设置浏览器全屏
function f_SetFullScreen() {
//如果浏览器不是全屏则将其设置为全屏模式
if (!f_IsFullScreen()) {
var wsShell = new ActiveXObject('WScript.Shell');
wsShell.SendKeys('{F11}');
return false;
}
}

//判断浏览器是否全屏
function f_IsFullScreen() {
return (document.body.scrollHeight == window.screen.height && document.body.scrollWidth == window.screen.width);
}

Answer 4

Javascript控制浏览器全屏

Answer 5

window.onresize = function (){
if(window.outerHeigth==screen.heigth && window.outerWidth==screen.width){
alert("全屏");
}else{
alert("不是全屏");
}
}