元素全屏的設(shè)置與監(jiān)聽(tīng)實(shí)例
設(shè)置全屏和退出全屏
//全屏設(shè)置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullScreen(); }); //進(jìn)入全屏 function fullScreen() { var obj = document.getElementById('editMark'); if (obj.requestFullScreen) { obj.requestFullScreen(); } else if (obj.webkitRequestFullScreen) { obj.webkitRequestFullScreen(); } else if (obj.msRequestFullScreen) { obj.msRequestFullScreen(); } else if (obj.mozRequestFullScreen) { obj.mozRequestFullScreen(); } } function exitFullScreen() { var obj = document.getElementById('editMark'); if (document.exitFullscree) { document.exitFullscree(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } }
監(jiān)聽(tīng)全屏事件
//監(jiān)聽(tīng)全屏 document.addEventListener('fullscreenchange', function () { if (document.fullscreenElement) { alert(1); } else { alert(2); } }, false); document.addEventListener('msfullscreenchange', function () { if (document.msFullscreenElement) { alert(1); } else { alert(2); } }, false); document.addEventListener('mozfullscreenchange', function () { if (document.mozFullScreen) { alert(1); } else { alert(2); } }, false); document.addEventListener('webkitfullscreenchange', function () { if (document.webkitIsFullScreen) { alert(1); } else { alert(2); } }, false);
以上這篇元素全屏的設(shè)置與監(jiān)聽(tīng)實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于javascript實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟,主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下2023-02-02JavaScript鼠標(biāo)禁止右鍵禁止打開(kāi)控制臺(tái)及鍵盤(pán)禁用
這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)禁止右鍵禁止打開(kāi)控制臺(tái)及鍵盤(pán)禁用的相關(guān)資料,實(shí)現(xiàn)禁止右鍵和禁止打開(kāi)控制臺(tái)是一種常見(jiàn)的網(wǎng)頁(yè)保護(hù)技巧,可以防止非法復(fù)制、盜取網(wǎng)頁(yè)資源等安全問(wèn)題,需要的朋友可以參考下2023-10-10JavaScript中的類(lèi)數(shù)組對(duì)象介紹
這篇文章主要介紹了JavaScript中的類(lèi)數(shù)組對(duì)象介紹,一個(gè)對(duì)象并不是由Array構(gòu)造函數(shù)所創(chuàng)建的,它依然呈現(xiàn)出數(shù)組的行為,在這種情況下,這些對(duì)象被稱(chēng)為“類(lèi)數(shù)組對(duì)象”,需要的朋友可以參考下2014-12-12JS對(duì)象轉(zhuǎn)換為Jquery對(duì)象實(shí)現(xiàn)代碼
很多新手朋友們都不知道js對(duì)象如何轉(zhuǎn)換為jquery對(duì)象,其實(shí)很簡(jiǎn)單,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-12-12Bootstrap基本插件學(xué)習(xí)筆記之Alert警告框(20)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之ALert警告框的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí),格式如4天7小時(shí)58分鐘39秒,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06