正确使用进入全屏/退出全屏-全屏监听功能

全屏这个当时需要了解一些参数变化，看了一些文章，很多水文（粘贴复制你懂的），我感觉有点麻瓜

// 全屏触发器
document.fullscreenElement就表面意思，全屏的元素，===null就表示没有全屏的元素，fullscreen什么的别用了，已经列入弃用名单了
function toggleScreen() {
		try {
			if (document.fullscreenElement !== null) {
				const elem = parent.document;
				elem.webkitCancelFullScreen
					? elem.webkitCancelFullScreen()
					: elem.mozCancelFullScreen
					? elem.mozCancelFullScreen()
					: elem.cancelFullScreen
					? elem.cancelFullScreen()
					: elem.msExitFullscreen
					? elem.msExitFullscreen()
					: elem.exitFullscreen
					? elem.exitFullscreen()
					: alert('切换失败,可尝试Esc退出');
			} else {
				const elem = document.body;
				elem.webkitRequestFullScreen
					? elem.webkitRequestFullScreen()
					: elem.mozRequestFullScreen
					? elem.mozRequestFullScreen()
					: elem.msRequestFullscreen
					? elem.msRequestFullscreen()
					: elem.requestFullScreen
					? elem.requestFullScreen()
					: alert('浏览器不支持全屏');
			}
		} catch (error) {
			console.log(error);
		}
	}

全屏状态监听，onfullscreenchange什么的我用了，没任何反应

window.onresize = () => {
	console.log(document.fullscreenElement !== null)
};