//==================
//--页面底部的点击实现全屏--
if (vm.allSObj.isFullScreen === false) {
// lauchFullScreen(document.documentElement);
lauchFullScreen($(".cBigBox")[0]);
vm.allSObj.isFullScreen = true;
$(".cBigBox")[0].className = 'cBigBox h';
} else {
vm.allSObj.isFullScreen = false;
cancelFullScreen();
$(".cBigBox")[0].className = 'cBigBox';
}
});
window.onresize = function(){
if(!checkFull()){//要执行的动作
$(".cBigBox")[0].className = 'cBigBox';
vm.allSObj.isFullScreen = false;
}
};
function checkFull(){
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
//to fix : false || undefined == undefined
if(isFull === undefined) isFull = false;
return isFull;
}
//实现全屏的方法
function lauchFullScreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullscreen();
}
}
//取消全屏的方法
function cancelFullScreen() {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
//--页面底部的点击实现全屏--
//==========================
html
<!--全屏显示-->
<span ng-show="allSCtrl.storyDetail.resobjs[allSCtrl.presentImg-1].type==1"
id="spanScreen" class="cFullScreen"></span>
javascript
$("#spanScreen").click(function () {if (vm.allSObj.isFullScreen === false) {
// lauchFullScreen(document.documentElement);
lauchFullScreen($(".cBigBox")[0]);
vm.allSObj.isFullScreen = true;
$(".cBigBox")[0].className = 'cBigBox h';
} else {
vm.allSObj.isFullScreen = false;
cancelFullScreen();
$(".cBigBox")[0].className = 'cBigBox';
}
});
window.onresize = function(){
if(!checkFull()){//要执行的动作
$(".cBigBox")[0].className = 'cBigBox';
vm.allSObj.isFullScreen = false;
}
};
function checkFull(){
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
//to fix : false || undefined == undefined
if(isFull === undefined) isFull = false;
return isFull;
}
//实现全屏的方法
function lauchFullScreen(element) {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullscreen();
}
}
//取消全屏的方法
function cancelFullScreen() {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}