<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-2.1.0.js"></script><!-- jq文件 -->
<script src="js/extend/screenfull.js"></script><!--百度screenfull.js下载这个插件 -->
</head>
<body>
<button id="view-fullscreen"></button>
</body>
<script>
$(function(){
document.getElementById("view-fullscreen").addEventListener("click",function(){
serView();
});
});
function serView(){
if (screenfull.enabled) {
screenfull.on('change',function(){
if(screenfull.isFullscreen){//全屏
//$("#view-fullscreen").show();
}else{//不是全屏
//$("#view-fullscreen").hide();
}
});
}
screenfull.toggle();
}
</script>
</html>