js全屏事件fullscreenchange 實(shí)現(xiàn)全屏、退出全屏操作
更新時(shí)間：2019年09月17日 15:01:06 作者：pick玻尿酸鴨李豆子。
這篇文章主要為大家詳細(xì)介紹了js全屏事件fullscreenchange，實(shí)現(xiàn)全屏、退出全屏操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js全屏事件fullscreenchange，實(shí)現(xiàn)全屏、退出全屏操作，供大家參考，具體內(nèi)容如下
1.進(jìn)入全屏
function launchFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen()
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullScreen()
}
}
launchFullscreen(document.documentElement) // 整個(gè)頁面進(jìn)入全屏
launchFullscreen(document.getElementById("id")) //某個(gè)元素進(jìn)入全屏
2.退出全屏
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen()
}
}
exitFullscreen()
3.全屏事件
document.addEventListener("fullscreenchange", function (e) {
if (document.fullscreenElement) {
console.log('進(jìn)入全屏')
} else {
console.log('退出全屏')
}
})
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家匯總介紹了javascript最基本的7個(gè)函數(shù)，十分的實(shí)用，有需要的小伙伴可以參考下。2015-06-06
下文給大家介紹下js 驗(yàn)證上傳圖片以及怎樣控制一個(gè)上傳文件的擴(kuò)展名，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
JavaScript中if、else?if、else和switch的語法、用法及注意事項(xiàng)
這篇文章主要介紹了JavaScript中的條件判斷語句,包括if、elseif、else和switch的基本語法、用法及注意事項(xiàng),通過這些語句,可以根據(jù)不同的條件執(zhí)行相應(yīng)的代碼塊,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
Javascript 拖拽雛形(逐行分析代碼，讓你輕松了拖拽的原理)
這篇文章主要介紹了Javascript 拖拽雛形(逐行分析代碼，讓你輕松了拖拽的原理),需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄猨s獲取元素的偏移量offset簡單方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了js簡單正則驗(yàn)證漢字英文及下劃線的方法,結(jié)合完整實(shí)例形式分析了javascript針對中英文字母與下劃線的正則驗(yàn)證方法,需要的朋友可以參考下2016-11-11
關(guān)于JavaScript數(shù)組你所不知道的3件事
這篇文章主要為大家詳細(xì)介紹了關(guān)于JavaScript數(shù)組三個(gè)并不那么常見的功能，你所不知道的事情，感興趣的小伙伴們可以參考一下2016-08-08
本篇文章給大家分享了用嘴簡單的JS代碼來實(shí)現(xiàn)經(jīng)典貪吃蛇游戲的全部內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-01-01
生命周期是指一個(gè)對象從創(chuàng)建→>運(yùn)行>銷毀的整個(gè)階段，強(qiáng)調(diào)的是一個(gè)時(shí)間段，文中介紹了生命周期的分類和微信小程序應(yīng)用，需要的朋友可以參考下2022-08-08
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(四)：串(BF)
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(四)：串(BF),串是由零個(gè)或多個(gè)字符組成的有限序列,又叫做字符串,本文著重講解了BF(Brute Force)算法,需要的朋友可以參考下2015-06-06