关于页面全屏化解决办法
Posted wang1048076313
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于页面全屏化解决办法相关的知识，希望对你有一定的参考价值。
效果：
点击按钮全屏
js :
fullscreen(ele) {
let element = document.getElementById(ele);
let requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
console.log(requestMethod);
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") {
let wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
html:
<button type="primary" onClick="fullscreen(‘full‘)" >全屏按钮</button>
以上是关于关于页面全屏化解决办法的主要内容，如果未能解决你的问题，请参考以下文章