如何綁定「退出全屏f11」瀏覽器按鈕？

我創建了一個鏈接轉到全屏幕使用此代碼，從onclick go full screen 如何綁定「退出全屏f11」瀏覽器按鈕？

function toggleFullScreen() { 
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||  
     (!document.mozFullScreen && !document.webkitIsFullScreen)) { 
    if (document.documentElement.requestFullScreen) { 
     document.documentElement.requestFullScreen(); 
    } else if (document.documentElement.mozRequestFullScreen) { 
     document.documentElement.mozRequestFullScreen(); 
    } else if (document.documentElement.webkitRequestFullScreen) { 
     document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
    } 
    } else { 
    if (document.cancelFullScreen) { 
     document.cancelFullScreen(); 
    } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
    } else if (document.webkitCancelFullScreen) { 
     document.webkitCancelFullScreen(); 
    } 
    } 
}

現在，當瀏覽器是在全屏模式下，如何綁定瀏覽器的「退出全屏F11」按鈕，在彈出的窗口頂部做一些回調窗口回到正常模式後退出全屏？

來源

2013-09-24 roop

研究後，我發現這是不可能的綁定該按鈕。因爲這是瀏覽器的原生按鈕，它超出了DOM的範圍。

所以，請改用keypress事件監聽器。

來源

2015-05-14 06:37:13 roop

試試這個 -

var fullScreen = 0; 
$(window).keydown(function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if (code == 122) { 
     if(fullScreen == 1) { 
      .... 
      //your code goes here 
      .... 
     } 
     fullScreen = (fullScreen == 1) ? 0 : 1; 
    } 
});

我想這應該在大多數瀏覽器中運行

來源

2013-09-24 13:09:02

如果它解決了您的問題，請接受此答案...與此同時我會嘗試在不同的瀏覽器上測試它... –

其實，我使用了此選項和其他替代方法，如單擊ESC按鈕。但我想綁定點擊該退出全屏按鈕。 – roop

如何綁定「退出全屏f11」瀏覽器按鈕？

回答

相關問題