首页 > 其他 > 详细

关于页面全屏化解决办法

时间:2018-08-13 13:12:28      阅读:119      评论:0      收藏:0      [点我收藏+]
效果:
技术分享图片
 
点击按钮全屏
 
技术分享图片
 
 
 
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>
 
 
 
 

关于页面全屏化解决办法

原文:https://www.cnblogs.com/wang1048076313/p/9467095.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!