爲什麼textarea在全屏模式下無法編輯？

我正在使用以下jquery插件在我的web應用程序中啓用全屏。爲什麼textarea在全屏模式下無法編輯？

https://github.com/martinaglv/jQuery-FullScreen

它的偉大工程，只是當我在全屏模式下我的textarea不能編輯？爲什麼是這樣？這是一個瀏覽器的東西或插件？

它似乎沒有以任何方式禁用...

我的測試代碼如下：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://raw.github.com/martinaglv/jQuery-FullScreen/master/fullscreen/jquery.fullscreen.js"></script> 
</head> 
<body> 
    <div id="content"> 
     <textarea></textarea> 
     <button> 
      Go Go Fullscreen</button> 
    </div> 
    <script type="text/javascript"> 
     (function() { 

      if ($.support.fullscreen) { 

       $('button').click(function (e) { 

        $('#content').fullScreen(); 

       }); 
      } 

     })(); 
    </script> 
</body> 
</html>

來源

2012-09-05 shenku

有一種變通方法（適用於Chrome，至少），但我不知道它是如何因素插入您正在使用的插件中。你必須沿着一個小的指令傳送，讓鍵盤輸入：

document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

UPDATE：

你可以很容易地修改插件。該功能將改變以反映上述：

function requestFullScreen(elem){ 
    if (elem.requestFullscreen) { 
     elem.requestFullscreen(); 
    } else if (elem.mozRequestFullScreen) { 
     elem.mozRequestFullScreen(); 
    } else if (elem.webkitRequestFullScreen) { 
     elem.webkitRequestFullScreen(); 
    } 
}

默認情況下，該插件強制瀏覽器進入全屏模式，不允許鍵盤輸入。

More information here來自MDN，和the thread，在那裏我發現了一些線索。

來源

2012-09-05 04:18:30

+1您的線條確實允許您在Chrome中輸入文字 –

會給這個提示... – shenku

從教程：

允許開發人員編程佔用的想法用戶屏幕沒有出現嚴重的安全隱患，這就是鍵盤使用受到限制的原因。當然，全屏鍵盤輸入有許多合法的用途，這將通過某種類型的權限提示在將來的API修訂中解決。然而，即使在目前有限的形式下，API仍然給我們提供了一個提升最終用戶體驗的機會。

，它甚至沒有進入全屏模式在某些瀏覽器，如IE 9

http://tutorialzine.com/2012/02/enhance-your-website-fullscreen-api/

來源

2012-09-05 04:17:07

爲什麼textarea在全屏模式下無法編輯？

回答

相關問題