码迷,mamicode.com
首页 > 其他好文 > 详细

关于页面全屏化解决办法

时间:2018-08-13 14:08:35      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:eof   active   全屏   else   end   shell   效果   script.sh   按钮   

效果:
技术分享图片
 
点击按钮全屏
 
技术分享图片
 
 
 
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>
 
 
 
 

关于页面全屏化解决办法

标签:eof   active   全屏   else   end   shell   效果   script.sh   按钮   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!