欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

元素全屏的設(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)

    基于javascript實(shí)現(xiàn)簡單的抽獎系統(tǒng)

    這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)簡單的抽獎系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-03-03
  • JavaScript聲明變量的這四兄弟(var、let、function、const)

    JavaScript聲明變量的這四兄弟(var、let、function、const)

    這篇文章主要介紹了JavaScript聲明變量的這四兄弟,主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下
    2023-02-02
  • JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用

    JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用

    這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用的相關(guān)資料,實(shí)現(xiàn)禁止右鍵和禁止打開控制臺是一種常見的網(wǎng)頁保護(hù)技巧,可以防止非法復(fù)制、盜取網(wǎng)頁資源等安全問題,需要的朋友可以參考下
    2023-10-10
  • JavaScript中的類數(shù)組對象介紹

    JavaScript中的類數(shù)組對象介紹

    這篇文章主要介紹了JavaScript中的類數(shù)組對象介紹,一個對象并不是由Array構(gòu)造函數(shù)所創(chuàng)建的,它依然呈現(xiàn)出數(shù)組的行為,在這種情況下,這些對象被稱為“類數(shù)組對象”,需要的朋友可以參考下
    2014-12-12
  • JS?加載性能Tree?Shaking優(yōu)化詳解

    JS?加載性能Tree?Shaking優(yōu)化詳解

    這篇文章主要為大家介紹了JS?加載性能Tree?Shaking優(yōu)化詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • 圖片延遲加載的實(shí)現(xiàn)代碼(模仿懶惰)

    圖片延遲加載的實(shí)現(xiàn)代碼(模仿懶惰)

    在瀏覽網(wǎng)頁時經(jīng)常會碰到圖片延遲加載的情況,它的優(yōu)勢在于提高加載速度,未加載前加載圖片占位圖,接下來為大家詳細(xì)介紹下,感興趣的朋友可以參考下哈
    2013-03-03
  • 老生常談的跨域處理

    老生常談的跨域處理

    本文主要介紹了常用的幾種跨域處理方法、跨域的原理解析及實(shí)現(xiàn)方法。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • JS對象轉(zhuǎn)換為Jquery對象實(shí)現(xiàn)代碼

    JS對象轉(zhuǎn)換為Jquery對象實(shí)現(xiàn)代碼

    很多新手朋友們都不知道js對象如何轉(zhuǎn)換為jquery對象,其實(shí)很簡單,下面有個不錯的示例,感興趣的朋友可以參考下
    2013-12-12
  • Bootstrap基本插件學(xué)習(xí)筆記之Alert警告框(20)

    Bootstrap基本插件學(xué)習(xí)筆記之Alert警告框(20)

    這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之ALert警告框的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • 微信小程序動態(tài)顯示項(xiàng)目倒計(jì)時效果

    微信小程序動態(tài)顯示項(xiàng)目倒計(jì)時效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序動態(tài)顯示項(xiàng)目倒計(jì)時,格式如4天7小時58分鐘39秒,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06

最新評論