15

光沢のある新しい Nexus 7 を手に入れて、Cordova (Phonegap) で遊んでいました。いくつかのテキスト入力フィールドとテキスト領域を備えた単純なページを作成しました。私の iPhone では、テキスト フィールドをクリックするとキーボードが表示され、テキストを編集できます。Cordova 1.9.0 で 4.1.1 Jelly Bean を実行している 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

アプリケーションもブラウザで使用する必要がありますが、同じ問題があります。テキストエリアのみでこれを修正することは可能です:

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

jquery モバイルでも動作します。

于 2013-07-08T10:50:04.680 に答える
0

-webkit-user-select: なし; それは私のためにトリックをしました。入力フィールドパラメーターのバリエーションを試して数時間完全に迷子になり、他に何も機能しませんでした。(フォンギャップ 2.5.0 / アンドロイド 4.1.1)

于 2013-04-18T12:32:02.610 に答える