【问题标题】:How to add an input field on iPhone keyboard popup如何在 iPhone 键盘弹出窗口中添加输入字段
【发布时间】:2014-05-29 22:39:11
【问题描述】:

我已经看到很多关于如何让 iPhone 键盘弹出来更改其输入形式的示例,但是我希望我的输入字段成为 iPhone 键盘弹出的一部分

每当我有一个输入字段时,键盘就会弹出并按下输入字段——为了让输入字段“跟随”键盘,那么它必须以某种方式“嵌入”——我已经看到了能够做到这一点的解决方案,但是我没有看到任何 javascript 代码

是否可以使用 javascript 让输入字段成为键盘的一部分或至少精确地遵循它?

【问题讨论】:

  • 你可以看到这个答案,它会帮助你:stackoverflow.com/questions/21042126/…
  • 不太明白那个例子——定制一个全新的键盘布局不是我想要的——只是将我自己的输入字段添加到表单或让我的输入字段跟随键盘的布局位置另外示例不适用于 javascript
  • 如果使用phonegap,您可以使用objective-c 来创建此功能。如果您正在寻找一个纯 js 解决方案,它可能需要一些黑客攻击。
  • 我正在寻找一个纯 JavaScript 解决方案 - 有什么建议可以做到吗?

标签: javascript jquery iphone keyboard


【解决方案1】:

在不处理objective-c 的情况下执行此操作的一种方法是将输入样式设置为在css 中使用键盘向上滚动。虽然这是一个 hacky 解决方案,但我用来设置输入样式以使用键盘向上滚动:

input{
            position:absolute;
            bottom:-16px;
            width: 100%;
            left:0;
            height: 5%;
            padding:0;
            margin:0;
        }

由于键盘出现时窗口底部会发生变化,因此输入位置也会随之变化。您显然可以添加它以使其更花哨,但希望您能明白这一点。

【讨论】:

  • 听起来像是朝着正确方向迈出的一步 - 我会尝试一下
  • 这似乎适用于输入字段,但是如果我在 div 中有一个输入字段并尝试为 div 部分设置 css 属性,那么结果将不符合预期。我有一个转换输入字段大小的类,使用你的 css 会改变输入字段的大小
猜你喜欢
  • 2011-02-28
  • 1970-01-01
  • 2019-09-11
  • 1970-01-01
  • 1970-01-01
  • 2013-05-14
  • 2013-11-25
  • 2012-01-25
  • 1970-01-01
相关资源
最近更新 更多