全屏的使用方法 ---------退出全屏的使用方法
<!-- 全屏的使用方法 -->
function fullScreen( elem ){
if ( elem.requestFullscreen ) {
elem.requestFullscreen();
} else if ( elem.webkitRequestFullScreen ) {
if ( window.navigator.userAgent.toUpperCase().indexOf( 'CHROME' ) >= 0 ) {
elem.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT );
} else {
elem.webkitRequestFullScreen();
}
} else if ( elem.mozRequestFullScreen ) {
elem.mozRequestFullScreen();
}
};
<!-- 退出全屏的使用方法 -->
function exitFullSreen(){
if ( document.exitFullscreen ) {
document.exitFullscreen();
} else if ( document.webkitCancelFullScreen ) {
document.webkitCancelFullScreen();
} else if ( document.mozCancelFullScreen ) {
document.mozCancelFullScreen();
}
};
fullScreen(参数是需要全屏的id,必须用原生的js取到值);
exitFullSreen();退出的时候直接调用,不需要传入参数
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步