js 浏览器全屏与取消全屏方阿飞
时间: 2023-12-08 14:06:10 浏览: 44
您好,关于您的问题,您可以使用以下代码:
全屏:
```javascript
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
}
else if(typeof window.ActiveXObject != "undefined") {
// for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
```
取消全屏:
```javascript
var el = document;
var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;
if(typeof cfs != "undefined" && cfs) {
cfs.call(el);
}
else if(typeof window.ActiveXObject != "undefined") {
// for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
```
这里使用了元素的 requestFullScreen() 和 cancelFullScreen() 方法来进行全屏与取消全屏的操作。如果浏览器不支持这些方法,可以使用 ActiveXObject 对象来模拟 F11 键盘事件实现全屏与取消全屏的效果。