原标题：Javascript 开启浏览器全屏模式

作鍺：伯乐在线/前端空城师

通常在某些情况下我们需要让浏览器开启全屏模式，以便获得更好的视觉体验先看下全屏模式简单的几个API。

非全屏模式下 document的F11按键绑定开启全屏模式

全屏模式下， document的esc和F11 按键绑定关闭全屏模式

全屏模式只能由手势触发

了解API后假如我们监听window.事件执行launchFullScreen方法，Chrome浏览器会提示“开启全屏模式API只能由用户手势触发”

原因是浏览器采用安全的机制， 将这种强制全屏模式意为“恶意行为” 一切非用户主观意愿带来的变化都是不允许的。

因此如果你的应用有全屏需求有两种方案。

1.页面初始化给用戶一个“F11开启全屏” 的提示 并且在延迟几秒之后消失。

2.页面设置一个全屏按钮单击全屏按钮进入全屏模式，并且隐藏按钮（视觉效果朂佳）

对于第二种方案，需要监听键盘事件：

//在FireFox或Opera中隐藏的变量e是存在的，那么e||event返回e如果在IE中，隐藏变量e是不存在则返回event。

具备叻兼容各种浏览器按键模式的监听但不知道keycode肿么办，112是哪个键

字母和数字键的键码值(keyCode)

0

数字键盘上的键的键码值(keyCode)

0

避免使用非标准化的方法

非标准化的方法指的是进入草案前浏览器实现的一些方法，避免使用