document.fullscreenElement

document.fullscreenElement 属性返回当前以全屏状态展示的 DOM 元素。如果不是全屏状态，该属性返回 null 。

if (document.fullscreenElement.nodeName == 'VIDEO') {
  console.log('全屏播放视频');
上面代码中，通过document.fullscreenElement可以知道<video>元素有没有处在全屏状态，从而判断用户行为。
				
开启全屏
 if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
 //FireFox
 else if (document.documentElement.mozRequestFullScreen) {
      document.docum...
				
HTML精确定位属性:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象
                    CSDN-Ada助手: 
                    恭喜你又写了一篇有实际用处的博客！不仅能够帮助其他人获取全屏状态，也展示了你在JavaScript方面的技能。下一步，我建议你可以写一篇关于如何使用JavaScript实现图片轮播的博客，这也是一个常见的需求，相信会有很多人受益于你的分享。再次感谢你的分享和创作！
CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3