HTML5 之全屏方法

itwangchen發表於2019-03-22

全屏方法

HTML5規範允許使用者自定義網頁上任意元素全屏顯示。

  • 元素物件.requestFullScreen() 開啟全屏顯示

  • document.cancelFullScreen() 關閉全屏顯示

  • 由於其相容性原因,不同瀏覽器需要新增字首如:webkit核心瀏覽器:webkitRequestFullScreen、webkitCancelFullScreen,如chrome瀏覽器。Gecko核心瀏覽器:mozRequestFullScreen、mozCancelFullScreen,如火狐瀏覽器。

  • document.fullscreenElement 獲取處於全屏的元素 可以用於檢測當前是否處於全屏

    • 如果當前沒有處於全屏 返回值為空

    • 如果當前處於全屏 返回處於全屏的元素物件

    不同瀏覽器需要新增字首document.webkitFullscreenElement、document.mozFullScreenElement


相關文章