/*全屏展示*/
? ? showFull () {
? ? ? var isSupport = true;
? ? ? var el = document.documentElement
? ? ? var rfs = el.requestFullScreen || el.webkitRequestFullScreen
? ? ? if (typeof rfs != 'undefined' && rfs) {
? ? ? ? rfs.call(el)
? ? ? } else if (typeof window.ActiveXObject != 'undefined') {
? ? ? ? var wscript = new ActiveXObject('WScript.Shell')
? ? ? ? if (wscript != null) {
? ? ? ? ? wscript.SendKeys('{F11}')
? ? ? ? }
? ? ? } else if (el.msRequestFullscreen) {
? ? ? ? el.msRequestFullscreen()
? ? ? } else if (el.oRequestFullscreen) {
? ? ? ? el.oRequestFullscreen()
? ? ? } else if (el.webkitRequestFullscreen) {
? ? ? ? el.webkitRequestFullscreen()
? ? ? } else if (el.mozRequestFullScreen) {
? ? ? ? el.mozRequestFullScreen()
? ? ? } else {
? ? ? ? isSupport = false;
? ? ? ? this.$message.error('該瀏覽器不支持全屏操作,請更換或升級瀏覽器挽荡!')
? ? ? }
? ? ? // if (isSupport) {
? ? ? // ? this.setFullPdf(true);
? ? ? // } else {
? ? ? // ? this.setFullPdf(false);
? ? ? // }
? ? },
? ? exitFull() {
? // ? $('#XMLContent').css('font-size','18px')
? ? ? // 判斷各種瀏覽器藐石,找到正確的方法
? ? ? var el = document;
? ? ? var exitMethod = el.exitFullscreen || //W3C
? ? ? ? ? el.mozCancelFullScreen || //Chrome等
? ? ? ? ? el.webkitExitFullscreen || //FireFox
? ? ? ? ? el.msExitFullscreen; //IE11
? ? ? if (exitMethod) {
? ? ? ? ? exitMethod.call(el);
? ? ? }
? ? ? else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
? ? ? ? ? var wscript = new ActiveXObject("WScript.Shell");
? ? ? ? ? if (wscript !== null) {
? ? ? ? ? ? ? wscript.SendKeys("{F11}");
? ? ? ? ? }
? ? ? }
? ? },
注意 ie10以下不支持全屏報(bào)錯(cuò)問題解決,將方法寫在全屏方法的上面定拟,.pdfFullBox代表需要全屏的部分
this.showArtTopFlip(false);
showArtTopFlip(state, res) {
? ? ? //全屏隱藏導(dǎo)航
? ? ? state.headerShow = res;
? ? ? if (res === false) {
? ? ? ? $(".pdfFullBox").addClass("pdfFull_active");
? ? ? } else {
? ? ? ? $(".pdfFullBox").removeClass("pdfFull_active");
? ? ? }
? ? },
.pdfFull_active {
? position: fixed;
? top: 0;
? bottom: 0;
? right: 0;
? left: 0;
? z-index: 10;
}