檢測各種環境的全屏組合鍵 - JS

Question

我需要在我的網站上向用戶發送消息中的各種環境的全屏組合鍵。

需要根據環境來檢測。例如Safari + Windows =「F11」和Safari + mac =「cmd + shift + F」

Answer 1

而不是顯示各種瀏覽器/操作系統組合的快捷方式，爲什麼不使用fullscreen api？在MDN他們給結合一個事件觸發全屏的example：

var videoElement = document.getElementById("myvideo"); 

    function toggleFullScreen() { 
    if (!document.mozFullScreen && !document.webkitFullScreen) { 
     if (videoElement.mozRequestFullScreen) { 
     videoElement.mozRequestFullScreen(); 
     } else { 
     videoElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
     } 
    } else { 
     if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
     } else { 
     document.webkitCancelFullScreen(); 
     } 
    } 
    } 

    document.addEventListener("keydown", function(e) { 
    if (e.keyCode == 13) { 
     toggleFullScreen(); 
    } 
    }, false); 

Answer 2

謝謝你，這是一個很好的解決方案。 但是，我的RIA有一個用於在一個頁面上輸入用戶的texbox，並且它需要在啓動時全屏顯示。 （Element.ALLOW_KEYBOARD_INPUT）適用於除Safari之外的所有瀏覽器。對於Safari瀏覽器，我們正在將用戶從全屏幕移出，並希望收到一條優雅的消息，告訴他們如何在完成輸入文本後全屏返回。爲此，我需要捕獲各種環境組合鍵。