15

我刚拿到我闪亮的新 Nexus 7，正在玩 Cordova (Phonegap)。我创建了一个带有几个文本输入字段和一个文本区域的简单页面。在我的 iPhone 上，我可以单击文本字段，然后键盘会出现，我可以编辑文本。在我运行 4.1.1 Jelly Bean 和 Cordova 1.9.0 的 Nexus 7 上，键盘出现，但是当您键入时，文本字段或文本区域中没有显示任何内容。

我很确定我的代码很好，因为它可以在 iPhone 和 Android 2.3.5 上运行，但这里是有问题的代码段，以防万一：

  <body onload="onBodyLoad()">
  <div data-role="page" id="mainpage"> 
      <div data-role="header" data-theme="a"> 
          <h2>Lightweight</h2>
      </div>

      <div data-role="content">
        <div>
          <a href="#" data-role="button" data-icon="check" data-iconpos="bottom" data-theme="b" onClick=onClickInterrogate()>Interrogate</a>
        </div>

          <div align="center">
              <a href="#" data-role="button" data-inline="true" data-icon="forward" data-theme="b" onClick=downloadFile()>Send</a>
              <a href="#" data-role="button" data-inline="true" data-icon="gear" data-iconpos="right" data-theme="b" onClick=onClickSettings()>Settings</a>
          </div>

          <div align="center">
              <label for="serverUrl">Server URL:</label>
              <input type="text" name="name" id="serverUrl" value="urlGoesHere"/>
              <label for="zipFile">Zip File:</label>
              <input type="text" name="name" id="zipFile" value="tran1.zip"/>
          </div>
            <div data-role="fieldcontain">
                <label for="textarea">Textarea:</label>
                <textarea name="textarea" id="textarea">urlGoesHere</textarea>
            </div>
    </div>
      <div data-role="footer"> 
          <h1> &copy; 2012 Company Name </h1>
      </div>
  </div>

我刚刚在 Android 2.3.5 上尝试过，效果很好。有人经历过类似的事情吗？

4

4 回答 4

29

该问题在 2.1.0 中也仍然存在。

这是我修复它的方法。

去掉下面的 CSS 规则，你就可以愉快地在输入元素中打字了。

-webkit-user-select: none;
于 2012-10-10T21:10:30.803 回答
4

Phonegap 刚刚发布了 2.0。它已经解决了键盘的问题。

于 2012-07-20T18:52:11.503 回答
3

我也必须将我的应用程序与浏览器一起使用，并且存在同样的问题。只能在 textarea 上解决此问题：

*{
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
}
textarea
{
    -webkit-user-select: auto !important;
}

它也适用于jquery mobile。

于 2013-07-08T10:50:04.680 回答
0

-webkit 用户选择：无；这对我有用。我完全迷失了几个小时尝试输入字段参数的变化，没有其他工作。(phonegap 2.5.0 / 安卓 4.1.1)

于 2013-04-18T12:32:02.610 回答