js实现看板全屏功能

界面示意图

界面关键部分

<img class="fullImg" src="/Images/full.png" onclick="fullScreen()" />

js关键部分

function fullScreen() {var dd = document.documentElementvar isFull = isFullScreen();if (!isFull) {if (dd.requestFullscreen) {dd.requestFullscreen();} else if (dd.mozRequestFullScreen) {dd.mozRequestFullScreen();} else if (dd.webkitRequestFullScreen) {dd.webkitRequestFullScreen();}} else {var de = document;if (de.exitFullscreen) {de.exitFullscreen();} else if (de.mozCancelFullScreen) {de.mozCancelFullScreen();} else if (de.webkitCancelFullScreen) {de.webkitCancelFullScreen();}}
}
function isFullScreen() {return !!(document.fullscreen ||document.mozFullScreen ||document.webkitIsFullScreen ||document.webkitFullScreen ||document.msFullScreen);
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！