Vue 封装浏览器全屏与退出全屏的方法

最新推荐文章于 2024-07-08 17:02:29 发布

@codeDo

最新推荐文章于 2024-07-08 17:02:29 发布

阅读量457

点赞数

分类专栏： js笔记文章标签： javascript

本文链接：https://blog.csdn.net/qq_33505829/article/details/113975536

版权

js笔记专栏收录该内容

65 篇文章 1 订阅

订阅专栏

/**网页全屏*/
function requestFullScreen(element) {
  var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
  if (requestMethod) {
    requestMethod.call(element);
  } else if (typeof window.ActiveXObject !== "undefined") {
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
}
/**退出全屏 */
function cancelFullScreen() {
  if (document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}