元素全屏的設(shè)置與監(jiān)聽實(shí)例
更新時間:2017年11月28日 10:03:56 作者:hawk_zz
下面小編就為大家?guī)硪黄厝恋脑O(shè)置與監(jiān)聽實(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)聽全屏事件
//監(jiān)聽全屏 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)聽實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于javascript實(shí)現(xiàn)簡單的抽獎系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)簡單的抽獎系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟,主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下2023-02-02JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用
這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用的相關(guān)資料,實(shí)現(xiàn)禁止右鍵和禁止打開控制臺是一種常見的網(wǎng)頁保護(hù)技巧,可以防止非法復(fù)制、盜取網(wǎng)頁資源等安全問題,需要的朋友可以參考下2023-10-10JS對象轉(zhuǎn)換為Jquery對象實(shí)現(xiàn)代碼
很多新手朋友們都不知道js對象如何轉(zhuǎn)換為jquery對象,其實(shí)很簡單,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12Bootstrap基本插件學(xué)習(xí)筆記之Alert警告框(20)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之ALert警告框的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12微信小程序動態(tài)顯示項(xiàng)目倒計(jì)時效果
這篇文章主要為大家詳細(xì)介紹了微信小程序動態(tài)顯示項(xiàng)目倒計(jì)時,格式如4天7小時58分鐘39秒,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06