screenfull_浏览器全屏插件screenfull.js与全屏状态监听

项目中有一个需求：是系统需要全屏，且全屏状态下顶部的内容和非全屏下的内容不一样。开始干活

项目使用的是vue，需要全屏插件，上网找了一个screenfull.js，安装上再说

$ npm install --save screenfull

安装好后，引入项目，试了一下可以全屏，我用的chrome，IE9以下不要考虑，第一步完成

第二布，需要监控全屏状态，但是试了一下，isFullscreen的状态在全屏之后是true，ESC退出全屏之后状态没有改变，于是上网搜了一下。

浏览器故意不上监听ESC键的，跟网页加载完成之后不能用程序使浏览器全屏一样的道理，避免开发者恶意全屏

解决办法：

window.onresize = function(){

if(!checkFull()){

//要执行的动作

}

}

function checkFull(){

var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;

//to fix : false || undefined == undefined

if(isFull === undefined) isFull = false;

return isFull;

}

ok，知道原因后&#x