JavaScript/HTML5 FullScreen API

Question

<div id="divbody"> 
    <button id="begin">Click me</button> 

    <script> 
     $(document).ready(function() { 
      $("#begin").click(function() { 
       var e = document.getElementById('divbody'); 
       e.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
      }); 
      document.addEventListener("webkitfullscreenchange",function(){ 
       if (document.webkitIsFullScreen) { 
        //alert('a'); 
        document.webkitCancelFullScreen(); 
       } 
      }, false); 
     }); 
    </script> 
</div> 

以下代碼基本上應該在進入時立即取消全屏。但是，上面的代碼不起作用（例如，它進入全屏，但不會取消）。但是，通過取消註釋webkitfullscreenchange事件處理程序中的警報，它確實會取消。

我很難理解爲什麼會這樣。另外，如何在不使用警報的情況下實現我想要做的事情？

謝謝。

UPDATE

我已經嘗試了所有的評論，但它似乎並沒有工作。任何幫助，將不勝感激！

Answer 1

像這樣的問題，alert（）修復問題始終是事​​件順序的問題。一個解決方案，幾乎總是工作就是把有問題的代碼在很短的時間功能：

window.setTimeout(cancelFull,10); 
function cancelFull() { document.webkitCancelFullScreen(); } 

UPDATE 把setTimeout的（）代替當前的CancelFullScreen的，在監聽器裏。

Answer 2

試試這個：

window.setTimeout(document.webkitCancelFullScreen, 10);