实现web页面的全屏功能

  • Post author:
  • Post category:其他




背景

业务需求是点击全屏按钮后,实现表格全屏,那么就是隐藏其他模块,为了可以看到更多的数据



实现方法

利用window的自带API

const el = document.querySelector('#case-table') // 需要全屏的模块唯一ID
if (document.fullscreenElement) {
   document.exitFullscreen()
} else {
   el.requestFullscreen()
}



版权声明:本文为qq_37241934原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。