按鈕使用JS功能F11鍵盤按鍵

我想製作一個按鈕，如果按下按鈕的作用就好像按F11鍵。對於按鈕的html會是這樣的（我認爲）按鈕使用JS功能F11鍵盤按鍵

<button type="button" onclick="some function">FullScreen</button>

現在我也不知道是什麼功能會去在的onclick，因爲我沒有JS。還有一件事，如果在按下按鈕時文本'FULLSCREEN'變爲'NORMAL WINDOW'，那麼用戶可以意識到他們必須再次按下相同的按鈕才能脫離全屏，這將是在每次單擊文本時切換從「FULLSCREEN」更改爲「NORMAL WINDOW」，然後再次按下時更改爲「FULLSCREEN」。

來源

2012-04-26 CryOfFaclon

[你不能（http://stackoverflow.com/問題/ 6428242 /爲什麼觸發-F11壓-E發泄-犯規工作）。 – 2012-04-26 11:07:45

我記得我曾經在網站上看到過它一次 – CryOfFaclon 2012-04-26 11:11:16

@CryOfFaclon：你確定它不是Flash動畫彈出到全屏？單獨的JavaScript不能做到這一點。 – 2012-04-26 11:13:10

function ToggleFullScreen() { 
 
    // UniversalXPConnect privilege is required in Firefox 
 
    try { 
 
    if (window.netscape && netscape.security) { // Firefox 
 
     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); 
 
    } 
 
    } catch (e) { 
 
    alert("UniversalXPConnect privilege is required for this operation!"); 
 
    return; 
 
    } 
 

 
    if ('fullScreen' in window) { 
 
    window.fullScreen = !window.fullScreen; 
 
    } else { 
 
    alert("Your browser does not support this example!"); 
 
    } 
 
}

<body> 
 
    Press this button, 
 
    <button onclick="ToggleFullScreen();">Change full screen mode!</button> 
 
    or press F11 to toggle between normal and full screen mode. 
 
</body>

來源

2012-04-26 11:43:48

我可以看到你是非常有幫助的人，真的想幫助我，這就是爲什麼我刪除了我的倒票，但這不是我正在尋找的^^但我可以看到你是一個好人，非常感謝你的幫助。 – CryOfFaclon 2012-04-26 11:45:39

-1

.JSP頁面

<img alt="" src="../static/images/Full_Screen.png" height="30" width="30" title="Full screen" id="fullscreen" name="fullscreen"/> 
<img alt="" src="../static/images/Exit_full_screen.png" height="30" width="30" title=" Exit Full screen" id="exitFullscreen" name="exitFullscreen"/>

的.js

var full=0; 
$(function() { 
    $('#exitFullscreen').hide();//hide exit fullscreen image on page load 

    $('#exitFullscreen').click(function() { 
     exitFullscreen();//function to exit from full screen 

    }); 

    $('#fullscreen').click(function() { 
     fullscreen();//function to get full screen 
    }); 
}); 

//if user click f11 instead button we have to toggle .... 
    $(document).keyup(function(e){ 
     if(e.which==122){ 
      e.preventDefault();//kill anything that browser may have assigned to it by default 
      if(full==1){ 
       exitFullscreen(); 
      } 
      else { 
       fullscreen(); 
      } 
     } 
}); 

function fullscreen() { 

    var docElm = document.documentElement; 

    if (docElm.requestFullscreen) { 
     docElm.requestFullscreen(); 

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

    $('#exitFullscreen').show(); 
    $('#fullscreen').hide(); 
    full=1; 

} 

function exitFullscreen() { 
    if (document.cancelFullScreen) { 
     document.cancelFullScreen();} 
     else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
     } 
     else if (document.webkitCancelFullScreen) { 
     document.webkitCancelFullScreen(); 
     } 
     else if (document.msExitFullscreen) { 
     document.msExitFullscreen(); 
     } 
    $('#exitFullscreen').hide(); 
    $('#fullscreen').show(); 
    full=0; 
} 

//worked on moxz

來源

2015-03-10 07:58:32 SRK

按鈕使用JS功能F11鍵盤按鍵

回答

相關問題