全屏文本框聚焦答案

【问题标题】：Full screen textbox on focus全屏文本框聚焦
【发布时间】：2015-10-19 21:20:15
【问题描述】：

如何仅使用 js、jquery 或 css 获得全屏文本框？大多数手机在文本框全屏时都有这个东西，你只能看到文本框。我查了一下，但仅在应用程序级别找到了一些解决方案。我在网页上执行此操作，因此无法更改应用程序。

文本框位于弹出框内，因此无法更改其宽度和高度。

那么有没有办法使用普通的 Web 组件来实现这一点？？

【问题讨论】：

能否分享一些你目前正在使用的代码，比如弹窗代码，这样上下文就更清楚了？

标签： javascript jquery html android-browser

【解决方案1】：

您可以尝试使用 HTML5 Fullscreen API，我链接的教程适用于视频，但同样的想法可以用于我猜想的任何元素。它是实验性的，但在 webkit 和 moz 上受支持。这是链接：

MDN Fullscreen HTML5 API

作为脚注，我会将此作为评论添加，但我的声誉还不够高，所以只发布在这里。

【讨论】：

【解决方案2】：

正在寻找类似this(jsfiddle)的东西？

<textarea id="fill-screen"></textarea>

jQuery

$(function(){
$('#fill-screen').focus(function(){
    $('#fill-screen').css({'height': window.innerHeight,
                           'width':window.innerWidth});
    })
});

【讨论】：