首页 > 技术分享 > JavaScript
收藏

js实现浏览器全屏

08/03 16:03
大潇博客 原创文章,转载请标明出处
$(function(){
	$("#btn").click(function(){
		var docElm = document.documentElement;
		//W3C
		if(docElm.requestFullscreen) {
		  docElm.requestFullscreen();
		}
		//FireFox
		else if(docElm.mozRequestFullScreen) {
		  docElm.mozRequestFullScreen();
		}
		//Chrome等
		else if(docElm.webkitRequestFullScreen) {
		  docElm.webkitRequestFullScreen();
		}
		//IE11
		else if(elem.msRequestFullscreen) {
		  elem.msRequestFullscreen();
		}
	});

	$(document).keypress(function(e){   
		if(e.keyCode==27){
			alert("关闭页面");
			//W3C退出全屏
			/*if (document.exitFullscreen) {
				document.exitFullscreen();
			}
			//FireFox
			else if (document.mozCancelFullScreen) {
				document.mozCancelFullScreen();
			}
			//Chrome等
			else if (document.webkitCancelFullScreen) {
				document.webkitCancelFullScreen();
			}
			//IE11
			else if (document.msExitFullscreen) {
				document.msExitFullscreen();
			}*/
		}    
	});
});

下载地址:js全屏

打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311