在焦点的全屏文本框

时间:2015-07-29 04:26:39

标签: javascript jquery html android-browser

如何只使用js,jquery或css获得全屏文本框? 当文本框全屏显示时,大多数手机都有此功能,您只能看到文本框。 我查了一下,但只在应用程序级别找到了一些解决方案。我在网页上执行此操作,因此无法更改应用。

文本框位于弹出框内,因此更改其宽度和高度不会起作用。

那么无论如何使用普通的Web组件实现这一点吗?

2 个答案:

答案 0 :(得分:0)

您可以尝试使用HTML5全屏API,我链接的教程与视频配合使用,但同样的想法可以用于我猜的任何元素。它是实验性的,但支持webkit和moz。继承人的链接:

MDN Fullscreen HTML5 API

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

答案 1 :(得分:0)

正在寻找类似this(jsfiddle)的内容?

"scales": [
{"name": "x", "domain": [0, 3], "range": "width", "zero": false},
{"name": "y", "domain": [0, 3], "range": "height"}
  ]

的jQuery

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