无法使用Cordova 1.9.0和Android Jelly Bean编辑输入类型="text"或textarea

Dis*_*Dev 15 android cordova

我刚刚拿到了闪亮的新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>   
Run Code Online (Sandbox Code Playgroud)

我刚刚在Android 2.3.5上试过它,它运行正常.有人经历过类似的事吗

the*_*ed1 28

这个问题在2.1.0中仍然存在.

这是我如何修复它.

删除以下CSS规则,您可以在输入元素中愉快地键入.

-webkit-user-select: none;
Run Code Online (Sandbox Code Playgroud)

  • 谢谢 - 这应该被接受了.让我疯了! (4认同)