元素全屏的設(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í)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
下拉菜單點(diǎn)擊實(shí)現(xiàn)連接跳轉(zhuǎn)功能的js代碼
下拉菜單點(diǎn)擊實(shí)現(xiàn)連接跳轉(zhuǎn)效果想必不是很常見吧,下面與大家分享下具體的實(shí)現(xiàn)另有實(shí)例,感興趣的朋友可以參考下哈2013-05-05
js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡制作
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡制作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
這篇文章主要介紹了JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法,涉及javascript針對(duì)谷歌瀏覽器事件判定相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
chrome監(jiān)聽cookie變化與賦值問(wèn)題
這篇文章主要介紹了chrome監(jiān)聽cookie變化與賦值問(wèn)題,cookie監(jiān)聽與賦值操作需要manifest文件里聲明權(quán)限問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-10-10
javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別
這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
javascript textarea光標(biāo)定位方法(兼容IE和FF)
主要是實(shí)現(xiàn)textarea中光標(biāo)的定位方法,考慮到多瀏覽器的兼容性,需要的朋友可以參考下。2011-03-03

