防止esc退出全屏模式

Question

我的網頁使用以下代碼轉換為全屏模式。

    var element = document.getElementById("b");


    if (element.mozRequestFullScreen) {

      element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {

      element.webkitRequestFullScreen();
   }

我想通過單擊 esc 防止退出全屏模式

我嘗試了以下代碼但不起作用。

document.onkeydown = function (evt) {
            alert("1");
    if (evt.keyCode == 27) evt.preventDefault();
}

如果我按退出它首先從全屏退出，然后從下一次按上述功能將起作用並警告“1”。

我也嘗試了以下代碼，但沒有任何好處

  function keyUp(){
    alert("sdd");
document.querySelector("#start").addEventListener("keydown",function(e){
    var charCode = e.charCode || e.keyCode || e.which;
    if (charCode == 27){

        return false;
    }
});

}

和

document.onkeydown = function (e) {
        if(e.which == 27){
                return false;
        }
}

任何人都知道如何防止退出全屏模式。 或者如何以編程方式使用 f11 鍵將網頁轉換為全屏模式？

Answer 1

任何符合標准的瀏覽器都不會（也不應該）讓您阻止它。 很簡單，因為它會非常具有侵入性並且會讓用戶感到困惑，他們希望總是有一個清晰的“緊急按鈕”來逃避屏幕。

以下是api規范：
Mozilla 開發者網絡
W3C

Answer 2

這對純 js 來說是不可能的。 該 API 旨在允許用戶隨時退出全屏模式。

我們唯一可以嘗試的是使用fullscreenchange事件來檢測何時禁用全屏，然后再次啟用它。 但是瀏覽器可能會提醒用戶，他將始終能夠禁止您的網站使用全屏模式。

我不鼓勵你這樣做。 這真是個壞主意。 我可能會憤怒地退出（並且永遠不會返回）嘗試這樣做的網站。