pdf.js控件预览之iframe局部-全屏显示切换

屁话不多说，直接上菜。（pdf.js预览pdf就不多说，需要了解可以查看之前的博客）

 <button type="button"  v-on:click="openPage()"><i class="el-icon-rank"></i>全屏</button>

 设置button的点击事件：

openPage: function () {
　　var ob = document.getElementById("dv2");//要全局显示的元素(若整个页面进入全屏：document.documentElement)
　　this.launchFullscreen(ob);
},
launchFullscreen: function (element) {
　　if (element.requestFullscreen) {
　　　　element.requestFullscreen()
　　} else if (element.mozRequestFullScreen) {
　　　　element.mozRequestFullScreen()
　　} else if (element.msRequestFullscreen) {
　　　　element.msRequestFullscreen()
　　} else if (element.webkitRequestFullscreen) {
　　　　element.webkitRequestFullScreen()
　　}
},
exitFullscreen: function () {
　　if (document.exitFullscreen) {
　　　　document.exitFullscreen()
　　} else if (document.msExitFullscreen) {
　　　　document.msExitFullscreen()
　　} else if (document.mozCancelFullScreen) {
　　　　document.mozCancelFullScreen()
　　} else if (document.webkitExitFullscreen) {
　　　　document.webkitExitFullscreen()
　　}
}

路很坑，但一直在走，one love~for everyone.下期再见~

pdf.js控件预览之iframe局部-全屏显示切换

原文：https://www.cnblogs.com/UsefulIdiot/p/11544135.html