澳门游戏平台大全 澳门游戏平台大全 澳门游戏平台大全JS实现指定区域的全屏显示功能示例_javascript技巧_脚本之家

澳门游戏平台大全JS实现指定区域的全屏显示功能示例_javascript技巧_脚本之家

澳门游戏平台大全,本文实例讲述了JS实现指定区域的全屏显示功能。分享给大家供大家参考,具体如下:

  www.jb51.net js指定区域全屏  #fulldiv { background: #fff; width: 100%; text-align: center; height: 100%; }    指定区域全屏测试 全屏按钮  这里是全屏显示的内容    var fullscreen = false; let btn = document.getElementById; let fullarea = document.getElementById btn.addEventListener{ if  { // 退出全屏 if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } } else { // 进入全屏 if (fullarea.requestFullscreen) { fullarea.requestFullscreen(); } else if (fullarea.webkitRequestFullScreen) { fullarea.webkitRequestFullScreen(); } else if (fullarea.mozRequestFullScreen) { fullarea.mozRequestFullScreen(); } else if (fullarea.msRequestFullscreen) { // IE11 fullarea.msRequestFullscreen(); } } fullscreen = !fullscreen; }) 

感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript事件相关操作与技巧大全》、《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

标签:, , , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图